<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1588383" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">github</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">金额</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">代码</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">浏览器</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">联系电话</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">数据库</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">回购金额</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">金额</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">代码块</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">内容</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">足迹</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">购物袋</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">疑问</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">券</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">礼物</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">对</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">声音</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">关注</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">图像</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">会员卡</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">拍摄</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">展开</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">查找相似</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">关注2</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">浏览器</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">Briefcase</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">hammer</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">eye-blocked</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">Book-Open-Page</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">Book-Open</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">MarkPen</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">Pencil-01</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">NeedlePen</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">Palettes</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">Milestone</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">Paintcan</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">Reply</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">Plug</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">Text-size</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">浏览器</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">CSV</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">ZIP</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">TET</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">JPG</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">VIDEO</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">PNG</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">GIF</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">资金分析</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">综合文档</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">电子邮件</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">EML</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">zoom-in</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">zoom-out</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">sync</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">cut</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">chevrons-up</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">eraser</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">chevrons-left</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">chevrons-down</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">chevron-up</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">chevron-right</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">chevron-left</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">chevron-down</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">x</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">expand</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">share-alt</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">screenshot</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">revision</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">move</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">crop</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">collapse</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">volume-mute</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">trash</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">volume</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">volume-low</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">volume-full</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">bullseye</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">路况</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">hide</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">layer</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">crosshair</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">crop</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">screenshot</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">fullscreen</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">correct</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">flag-fill</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">star</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">star-fill</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">forword</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">video-fill</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">folder-fill</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">zip-fill</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">zip</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">video</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">image</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">image-fill</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">document</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">document-fill</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">thumbup</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">thumbup-fill</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">thumbdown</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">thumbdown-fill</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">boring-fill</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">boring</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">sad-fill</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">smail-fill</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">smail</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">sad</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">write-fill</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">write</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">task-fill</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">refresh</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">task</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">moon-fill</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">sun-fill</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">moon</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">sun</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">user-fill</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">ellipsis-v</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">gallery-view</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">WIFI</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">bug-report</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">cut</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">poweroff</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">key</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">safety-certificate</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">supervise</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">tag-subscipt</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">chart-pie-alt</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">chart-relation</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">chart-scatter-plot</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">chart-area</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">chart-line</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">chart-bar</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">display-code</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">display-arrow-right</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">display-arrow-left</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">laptop-error</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">laptop-check</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">mobile-error</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">mobile-check</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">mobile-alt</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">nail</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">nail-fixed</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">dollar</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">transanction</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">filter-fill</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">all-fill</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">database plus-fill</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">database-fill</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">comment lines-fill</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">comment dots-fill</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">paper plane-fill</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">eye slash-fill</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">eye-fill</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">lightbulb-fill</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">flag-fill</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">tag-fill</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">position-fill</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">location-fill</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">map-fill</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">inbox in-fill</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">box-fill</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">database set-fill</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">layer group-fill</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">cry-fill</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">smile-fill</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">unlock-fill</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">lock-fill</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">align right-fill</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">align left-fill</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">border bottom-fill</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">border top-fill</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">align center-fill</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">border verticle-fill</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">pic center-fill</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">pic side-fill</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">folder open-fill</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">folder plus-fill</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">folder-fill</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">file-SQL</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">file plus-fill</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">file-fill</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">copy-fill</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">headset-fill</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">pause circle-fill</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">stop circle-fill</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">play circle-fill</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">delete-fill</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">picture-fill</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">mail-fill</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">heart-fill</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">collection-fill</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">user-group-fill</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">user plus-fill</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">user-fill</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">cog-fill</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">clock-fill</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">calendar alt-fill</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">cloud download-fill</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">cloud upload-fill</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">exchange-fill</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">info-circle-fill</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">question-circle-fill</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">exclamation circle-f</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">times-circle-fill</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">check-circle-fill</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">compress alt-fill</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">expand alt-fill</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">all</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">database-plus</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">database</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">comment-lines</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">comment-dots</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">paper-plane</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">eye-slash</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">lightbulb</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">position</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">inbox-in</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">box</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">database-set</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">layer-group</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">wind-cry</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">wind-smile</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">align-right</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">align-left</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">border-bottom</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">border-top</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">align-center</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">border-verticle</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">pic-center</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">pic-side</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">folder-open</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">folder-plus</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">file-SQL</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">file-plus</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">headset</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">pause circle</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">stop circle</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">play circle</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">picture</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">collection</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">user-group</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">account-plus</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">cog</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">calendar-alt</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">cloud download</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">cloud upload</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">exchange</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">info-circle</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">question-circle</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">exclamation-circle</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">minus-circle</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">plus-circle</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">times-circle</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">check-circle</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">compress-alt</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">expand-alt</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">ban</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">minus</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">times</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">search-minus</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">search-plus</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">reply</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">undo</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe834;</span>
                <div class="name">redo</div>
                <div class="code-name">&amp;#xe834;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe835;</span>
                <div class="name">external-link</div>
                <div class="code-name">&amp;#xe835;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe836;</span>
                <div class="name">arrows-alt</div>
                <div class="code-name">&amp;#xe836;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe837;</span>
                <div class="name">indent</div>
                <div class="code-name">&amp;#xe837;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe838;</span>
                <div class="name">outdent</div>
                <div class="code-name">&amp;#xe838;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe839;</span>
                <div class="name">sort-line</div>
                <div class="code-name">&amp;#xe839;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">switch</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">wind-descending</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">wind-ascending</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">arrow-to-bottom</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">arrow-to-top</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">long-arrow-down</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">long-arrow-up</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">arrow-right</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">arrow-left</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">sort-down</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">sort-up</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">caret-right</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">caret-left</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">arrows-v</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">angle- double-down</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">angle-double-up</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">angle-double-right</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">angle-double-left</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">angle-down</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">angle-up</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">angle-right</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">angle-left</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">paperclip</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">connection</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">training</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">process</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">news</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">new-releases</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">release</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">alert</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">backspace</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">gem</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">integral</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">star-circle</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">user-circle</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">cloud-machine-fill</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">cloud-machine</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">terminal-fill</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">terminal</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">shopping-cart-fill</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">unsee</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">see</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">settings</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">settings-fill</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">resource</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">剪辑</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">矩形</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">椭圆形</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">Printer</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">截图</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">选择工具</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">选择工具</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">rank</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">sync-alt</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">compass</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">arrow-alt- from-top</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">arrow-alt-from-botto</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">icon-drag</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">early-warning</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">联系人</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">文件-计划</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">文件-登记表</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">文件-发送文件</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">物品-记事本</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">文件-日志</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">名称-完成情况</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">文件-收回文件</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">文件-名册</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">文件-统计</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">文件-资料</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">文件-共享文件</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">物品-书笔</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">文件-档案袋</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">文件-售后单</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">文件-证书</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">文件-对接记录</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe868;</span>
                <div class="name">文件-成绩</div>
                <div class="code-name">&amp;#xe868;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">文件-法律援助</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe876;</span>
                <div class="name">文件-志愿者登记</div>
                <div class="code-name">&amp;#xe876;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">文件-考核表</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">文件-保修单</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe880;</span>
                <div class="name">操作-打印</div>
                <div class="code-name">&amp;#xe880;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe886;</span>
                <div class="name">文件-统计报表</div>
                <div class="code-name">&amp;#xe886;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88d;</span>
                <div class="name">文件-资源评价</div>
                <div class="code-name">&amp;#xe88d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">文件-明细记录</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe893;</span>
                <div class="name">文件-设置说明</div>
                <div class="code-name">&amp;#xe893;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe894;</span>
                <div class="name">文件-文件类别</div>
                <div class="code-name">&amp;#xe894;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe895;</span>
                <div class="name">文件-材料转接</div>
                <div class="code-name">&amp;#xe895;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe896;</span>
                <div class="name">文件-退回文件</div>
                <div class="code-name">&amp;#xe896;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe897;</span>
                <div class="name">文件-传阅</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe898;</span>
                <div class="name">文件-记录表</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe899;</span>
                <div class="name">文件-文件通过</div>
                <div class="code-name">&amp;#xe899;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xedd5;</span>
                <div class="name">Word</div>
                <div class="code-name">&amp;#xedd5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89a;</span>
                <div class="name">文件-文件撤回</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89b;</span>
                <div class="name">文件-文件查找</div>
                <div class="code-name">&amp;#xe89b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
                <div class="name">文件-撤回文件</div>
                <div class="code-name">&amp;#xe89c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">文件-紧急文件</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name">文件-人员信息</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a1;</span>
                <div class="name">文件-发送文件</div>
                <div class="code-name">&amp;#xe8a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a2;</span>
                <div class="name">文件-文件上传</div>
                <div class="code-name">&amp;#xe8a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">文件-正文</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a4;</span>
                <div class="name">文件-文件修改</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
                <div class="name">文件-文件下发</div>
                <div class="code-name">&amp;#xe8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">文件-笔记本</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">文件-文件夹</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a8;</span>
                <div class="name">文件-文件流转</div>
                <div class="code-name">&amp;#xe8a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe874;</span>
                <div class="name">management</div>
                <div class="code-name">&amp;#xe874;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe875;</span>
                <div class="name">accesskeys</div>
                <div class="code-name">&amp;#xe875;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">滑块-01</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">搜索栏-01</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">滑动开关-01</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">标签页-01</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">单选-01</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">多选-01</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">分享-01</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">快捷键-01</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">页面-01</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">组件-01</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">码云</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">码云</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">info</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">info-fill</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">play-fill</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">play</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">position</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">raise</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">reduce</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">message-fill</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">course-fill</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">module-fill</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">course</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">module</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">auth</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">bell-fill</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">conversation-fill</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">conversation</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">question-fill</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">question</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">time-fill</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">联系电话</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">联系电话_线条</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">lock-fill</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">T-加粗</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">T-放大</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">T-居右</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">T-居左</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">T-平均分布</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">T-倾斜</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">T-缩放1</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">T-居中</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">T-缩放2</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">T-颜色</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">T-下划线</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">加号</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">上</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">收展</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">拖动1</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">拖动3</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">拖动2</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">右扩展</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">下</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">左扩展</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">页面</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">B-复选框</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">B-饼状图</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">B-联系人</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">B-评分</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">B-曲面图</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">B-留言</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">B-时间</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">B-下拉列表</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">B-折线图</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">B-柱状图</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">B-输入框</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">Z-底部导航</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">Z-分类导航</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">Z-左右滑动</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">Z-幻灯片</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">Z-倒计时</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">表单</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">B-省市区</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">模版</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">组件</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">伸展</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">Z-地图</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">文字</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">Export</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">list</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">qq</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">boy</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">wrong</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">girl</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">arrow-sort down-small</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">minus-square-fill</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
                <div class="name">plus-square-fill</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">minus-square</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87b;</span>
                <div class="name">plus-square</div>
                <div class="code-name">&amp;#xe87b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">home-fill</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">return</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">warning-fill</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">warning</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">step mode</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">scrolling mode</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">disable</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">操作-统计查询</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">操作-检查登记</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ac;</span>
                <div class="name">操作-劳动评估</div>
                <div class="code-name">&amp;#xe8ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ad;</span>
                <div class="name">操作-收发登记</div>
                <div class="code-name">&amp;#xe8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ae;</span>
                <div class="name">操作-统计汇总</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8af;</span>
                <div class="name">操作-异常呈报</div>
                <div class="code-name">&amp;#xe8af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">操作-规章制度</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">like-fill</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b1;</span>
                <div class="name">操作-三违登记</div>
                <div class="code-name">&amp;#xe8b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b2;</span>
                <div class="name">操作-寄回申请</div>
                <div class="code-name">&amp;#xe8b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">open</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">名称-档案设置</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">名称-细则检索</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">名称-细则设置</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">shopping cart</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">waiting-fill</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">waiting</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">right-arrow-rect</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">left-arrow-rect</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">coin</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">coin-fill</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">structured data</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">vector</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">ppt</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">NEW</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">HOT</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">bonus</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">bonus-fill</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">mail-fill</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">monitoring</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">diagnose</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">zoom-in</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">zoom-out</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">robot-fill</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">robot</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">打印收货单</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">打印结算单</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">分拣单</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">申请拒绝</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">申请通过</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">查看详情</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">excel</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bc;</span>
                <div class="name">增加 新增</div>
                <div class="code-name">&amp;#xe8bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b6;</span>
                <div class="name">sharpicons_add-database</div>
                <div class="code-name">&amp;#xe8b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b7;</span>
                <div class="name">sharpicons_database-center</div>
                <div class="code-name">&amp;#xe8b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b8;</span>
                <div class="name">sharpicons_delete-database</div>
                <div class="code-name">&amp;#xe8b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b9;</span>
                <div class="name">sharpicons_database-confrim</div>
                <div class="code-name">&amp;#xe8b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ba;</span>
                <div class="name">sharpicons_lock-database</div>
                <div class="code-name">&amp;#xe8ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bb;</span>
                <div class="name">sharpicons_safe-database</div>
                <div class="code-name">&amp;#xe8bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">Directory tree</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">金额</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">application</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">application  group</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">地址管理</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">handycontrol</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">handycontrol,hc</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">developer_tools,developer tools</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">developer_tools</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconicon"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.iconicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongithub"></span>
            <div class="name">
              github
            </div>
            <div class="code-name">.icongithub
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjine"></span>
            <div class="name">
              金额
            </div>
            <div class="code-name">.iconjine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconai-code"></span>
            <div class="name">
              代码
            </div>
            <div class="code-name">.iconai-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliulanqi"></span>
            <div class="name">
              浏览器
            </div>
            <div class="code-name">.iconliulanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon1"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.iconicon1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.iconcaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontel"></span>
            <div class="name">
              联系电话
            </div>
            <div class="code-name">.icontel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshujuku"></span>
            <div class="name">
              数据库
            </div>
            <div class="code-name">.iconshujuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconamount1"></span>
            <div class="name">
              回购金额
            </div>
            <div class="code-name">.iconamount1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconiconmoney"></span>
            <div class="name">
              金额
            </div>
            <div class="code-name">.iconiconmoney
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouji1"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.iconshouji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconzhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouyeshouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouyeshouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaidan1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.iconcaidan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaimakuai"></span>
            <div class="name">
              代码块
            </div>
            <div class="code-name">.icondaimakuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconneirong"></span>
            <div class="name">
              内容
            </div>
            <div class="code-name">.iconneirong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuji"></span>
            <div class="name">
              足迹
            </div>
            <div class="code-name">.iconzuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.iconrili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.iconpinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.iconshijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongouwudai"></span>
            <div class="name">
              购物袋
            </div>
            <div class="code-name">.icongouwudai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.iconfenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyiwen"></span>
            <div class="name">
              疑问
            </div>
            <div class="code-name">.iconyiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.iconlianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.icontishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuanfa"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.iconzhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu2"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.iconshoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquan"></span>
            <div class="name">
              券
            </div>
            <div class="code-name">.iconquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiang1"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.iconfenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliwu"></span>
            <div class="name">
              礼物
            </div>
            <div class="code-name">.iconliwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.iconjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondui"></span>
            <div class="name">
              对
            </div>
            <div class="code-name">.icondui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.iconshuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi1"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui1"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.iconxiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icondingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icondianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.iconchakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshengyin"></span>
            <div class="name">
              声音
            </div>
            <div class="code-name">.iconshengyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyuyin"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.iconyuyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhu"></span>
            <div class="name">
              关注
            </div>
            <div class="code-name">.iconguanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.iconmima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.iconshouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuxiang"></span>
            <div class="name">
              图像
            </div>
            <div class="code-name">.icontuxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuiyuanqia"></span>
            <div class="name">
              会员卡
            </div>
            <div class="code-name">.iconhuiyuanqia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.iconwode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconsousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongouwuche"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icongouwuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaishe"></span>
            <div class="name">
              拍摄
            </div>
            <div class="code-name">.iconpaishe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.iconxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsaoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.iconsaoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianpu"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icondianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhankai"></span>
            <div class="name">
              展开
            </div>
            <div class="code-name">.iconzhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.iconshouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchazhaoxiangsi"></span>
            <div class="name">
              查找相似
            </div>
            <div class="code-name">.iconchazhaoxiangsi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanzhu1"></span>
            <div class="name">
              关注2
            </div>
            <div class="code-name">.iconguanzhu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaidan2"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.iconcaidan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliulanqi1"></span>
            <div class="name">
              浏览器
            </div>
            <div class="code-name">.iconliulanqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconBriefcase"></span>
            <div class="name">
              Briefcase
            </div>
            <div class="code-name">.iconBriefcase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.iconeye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhammer"></span>
            <div class="name">
              hammer
            </div>
            <div class="code-name">.iconhammer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-blocked"></span>
            <div class="name">
              eye-blocked
            </div>
            <div class="code-name">.iconeye-blocked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconBook-Open-Page"></span>
            <div class="name">
              Book-Open-Page
            </div>
            <div class="code-name">.iconBook-Open-Page
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconBook-Open"></span>
            <div class="name">
              Book-Open
            </div>
            <div class="code-name">.iconBook-Open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconMarkPen"></span>
            <div class="name">
              MarkPen
            </div>
            <div class="code-name">.iconMarkPen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPencil-"></span>
            <div class="name">
              Pencil-01
            </div>
            <div class="code-name">.iconPencil-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNeedlePen"></span>
            <div class="name">
              NeedlePen
            </div>
            <div class="code-name">.iconNeedlePen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPalettes"></span>
            <div class="name">
              Palettes
            </div>
            <div class="code-name">.iconPalettes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmilestone"></span>
            <div class="name">
              Milestone
            </div>
            <div class="code-name">.iconmilestone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaintcan"></span>
            <div class="name">
              Paintcan
            </div>
            <div class="code-name">.iconpaintcan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreply"></span>
            <div class="name">
              Reply
            </div>
            <div class="code-name">.iconreply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplug"></span>
            <div class="name">
              Plug
            </div>
            <div class="code-name">.iconplug
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontext-size"></span>
            <div class="name">
              Text-size
            </div>
            <div class="code-name">.icontext-size
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliulanqi2"></span>
            <div class="name">
              浏览器
            </div>
            <div class="code-name">.iconliulanqi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconCSV"></span>
            <div class="name">
              CSV
            </div>
            <div class="code-name">.iconCSV
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZIP"></span>
            <div class="name">
              ZIP
            </div>
            <div class="code-name">.iconZIP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconTET"></span>
            <div class="name">
              TET
            </div>
            <div class="code-name">.iconTET
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconJPG"></span>
            <div class="name">
              JPG
            </div>
            <div class="code-name">.iconJPG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconVIDEO"></span>
            <div class="name">
              VIDEO
            </div>
            <div class="code-name">.iconVIDEO
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPNG"></span>
            <div class="name">
              PNG
            </div>
            <div class="code-name">.iconPNG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconGIF"></span>
            <div class="name">
              GIF
            </div>
            <div class="code-name">.iconGIF
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzijinfenxi"></span>
            <div class="name">
              资金分析
            </div>
            <div class="code-name">.iconzijinfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzonghewendang"></span>
            <div class="name">
              综合文档
            </div>
            <div class="code-name">.iconzonghewendang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianziyoujian"></span>
            <div class="name">
              电子邮件
            </div>
            <div class="code-name">.icondianziyoujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconEML"></span>
            <div class="name">
              EML
            </div>
            <div class="code-name">.iconEML
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzoom-in"></span>
            <div class="name">
              zoom-in
            </div>
            <div class="code-name">.iconzoom-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzoom-out"></span>
            <div class="name">
              zoom-out
            </div>
            <div class="code-name">.iconzoom-out
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsync"></span>
            <div class="name">
              sync
            </div>
            <div class="code-name">.iconsync
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcut"></span>
            <div class="name">
              cut
            </div>
            <div class="code-name">.iconcut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevrons-up"></span>
            <div class="name">
              chevrons-up
            </div>
            <div class="code-name">.iconchevrons-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeraser"></span>
            <div class="name">
              eraser
            </div>
            <div class="code-name">.iconeraser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevrons-left"></span>
            <div class="name">
              chevrons-left
            </div>
            <div class="code-name">.iconchevrons-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevrons-down"></span>
            <div class="name">
              chevrons-down
            </div>
            <div class="code-name">.iconchevrons-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevron-up"></span>
            <div class="name">
              chevron-up
            </div>
            <div class="code-name">.iconchevron-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevron-right"></span>
            <div class="name">
              chevron-right
            </div>
            <div class="code-name">.iconchevron-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevron-left"></span>
            <div class="name">
              chevron-left
            </div>
            <div class="code-name">.iconchevron-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchevron-down"></span>
            <div class="name">
              chevron-down
            </div>
            <div class="code-name">.iconchevron-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconx"></span>
            <div class="name">
              x
            </div>
            <div class="code-name">.iconx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexpand"></span>
            <div class="name">
              expand
            </div>
            <div class="code-name">.iconexpand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare-alt"></span>
            <div class="name">
              share-alt
            </div>
            <div class="code-name">.iconshare-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscreenshot"></span>
            <div class="name">
              screenshot
            </div>
            <div class="code-name">.iconscreenshot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrevision"></span>
            <div class="name">
              revision
            </div>
            <div class="code-name">.iconrevision
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmove"></span>
            <div class="name">
              move
            </div>
            <div class="code-name">.iconmove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.iconmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrop"></span>
            <div class="name">
              crop
            </div>
            <div class="code-name">.iconcrop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollapse"></span>
            <div class="name">
              collapse
            </div>
            <div class="code-name">.iconcollapse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvolume-mute"></span>
            <div class="name">
              volume-mute
            </div>
            <div class="code-name">.iconvolume-mute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontrash"></span>
            <div class="name">
              trash
            </div>
            <div class="code-name">.icontrash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvolume"></span>
            <div class="name">
              volume
            </div>
            <div class="code-name">.iconvolume
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvolume-low"></span>
            <div class="name">
              volume-low
            </div>
            <div class="code-name">.iconvolume-low
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvolume-full"></span>
            <div class="name">
              volume-full
            </div>
            <div class="code-name">.iconvolume-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.iconsearch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontarget-lock"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icontarget-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbullseye"></span>
            <div class="name">
              bullseye
            </div>
            <div class="code-name">.iconbullseye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontoggle"></span>
            <div class="name">
              路况
            </div>
            <div class="code-name">.icontoggle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhide"></span>
            <div class="name">
              hide
            </div>
            <div class="code-name">.iconhide
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayer"></span>
            <div class="name">
              layer
            </div>
            <div class="code-name">.iconlayer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrosshair"></span>
            <div class="name">
              crosshair
            </div>
            <div class="code-name">.iconcrosshair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcrop-copy"></span>
            <div class="name">
              crop
            </div>
            <div class="code-name">.iconcrop-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscreenshot-copy"></span>
            <div class="name">
              screenshot
            </div>
            <div class="code-name">.iconscreenshot-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfullscreen"></span>
            <div class="name">
              fullscreen
            </div>
            <div class="code-name">.iconfullscreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag1"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.icondrag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcorrect"></span>
            <div class="name">
              correct
            </div>
            <div class="code-name">.iconcorrect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag-fill1"></span>
            <div class="name">
              flag-fill
            </div>
            <div class="code-name">.iconflag-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag1"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.iconflag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar"></span>
            <div class="name">
              star
            </div>
            <div class="code-name">.iconstar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar-fill"></span>
            <div class="name">
              star-fill
            </div>
            <div class="code-name">.iconstar-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconback"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.iconback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconforword"></span>
            <div class="name">
              forword
            </div>
            <div class="code-name">.iconforword
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder1"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.iconfolder1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo-fill"></span>
            <div class="name">
              video-fill
            </div>
            <div class="code-name">.iconvideo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-fill1"></span>
            <div class="name">
              folder-fill
            </div>
            <div class="code-name">.iconfolder-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzip-fill"></span>
            <div class="name">
              zip-fill
            </div>
            <div class="code-name">.iconzip-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzip"></span>
            <div class="name">
              zip
            </div>
            <div class="code-name">.iconzip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvideo"></span>
            <div class="name">
              video
            </div>
            <div class="code-name">.iconvideo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimage"></span>
            <div class="name">
              image
            </div>
            <div class="code-name">.iconimage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimage-fill"></span>
            <div class="name">
              image-fill
            </div>
            <div class="code-name">.iconimage-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondocument"></span>
            <div class="name">
              document
            </div>
            <div class="code-name">.icondocument
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondocument-fill"></span>
            <div class="name">
              document-fill
            </div>
            <div class="code-name">.icondocument-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthumbup"></span>
            <div class="name">
              thumbup
            </div>
            <div class="code-name">.iconthumbup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthumbup-fill"></span>
            <div class="name">
              thumbup-fill
            </div>
            <div class="code-name">.iconthumbup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthumbdown"></span>
            <div class="name">
              thumbdown
            </div>
            <div class="code-name">.iconthumbdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconthumbdown-fill"></span>
            <div class="name">
              thumbdown-fill
            </div>
            <div class="code-name">.iconthumbdown-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconboring-fill"></span>
            <div class="name">
              boring-fill
            </div>
            <div class="code-name">.iconboring-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconboring"></span>
            <div class="name">
              boring
            </div>
            <div class="code-name">.iconboring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsad-fill"></span>
            <div class="name">
              sad-fill
            </div>
            <div class="code-name">.iconsad-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmail-fill"></span>
            <div class="name">
              smail-fill
            </div>
            <div class="code-name">.iconsmail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmail"></span>
            <div class="name">
              smail
            </div>
            <div class="code-name">.iconsmail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsad"></span>
            <div class="name">
              sad
            </div>
            <div class="code-name">.iconsad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwrite-fill"></span>
            <div class="name">
              write-fill
            </div>
            <div class="code-name">.iconwrite-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwrite"></span>
            <div class="name">
              write
            </div>
            <div class="code-name">.iconwrite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontask-fill"></span>
            <div class="name">
              task-fill
            </div>
            <div class="code-name">.icontask-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrefresh"></span>
            <div class="name">
              refresh
            </div>
            <div class="code-name">.iconrefresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontask"></span>
            <div class="name">
              task
            </div>
            <div class="code-name">.icontask
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmoon-fill"></span>
            <div class="name">
              moon-fill
            </div>
            <div class="code-name">.iconmoon-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsun-fill"></span>
            <div class="name">
              sun-fill
            </div>
            <div class="code-name">.iconsun-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmoon"></span>
            <div class="name">
              moon
            </div>
            <div class="code-name">.iconmoon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsun"></span>
            <div class="name">
              sun
            </div>
            <div class="code-name">.iconsun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-fill1"></span>
            <div class="name">
              user-fill
            </div>
            <div class="code-name">.iconuser-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.iconuser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondown"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.icondown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconup"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.iconup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.icondrag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconellipsis-vertical"></span>
            <div class="name">
              ellipsis-v
            </div>
            <div class="code-name">.iconellipsis-vertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongallery-view"></span>
            <div class="name">
              gallery-view
            </div>
            <div class="code-name">.icongallery-view
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconWIFI"></span>
            <div class="name">
              WIFI
            </div>
            <div class="code-name">.iconWIFI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbug-report"></span>
            <div class="name">
              bug-report
            </div>
            <div class="code-name">.iconbug-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.iconqrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.iconscan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcut1"></span>
            <div class="name">
              cut
            </div>
            <div class="code-name">.iconcut1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.icongift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlink"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.iconlink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpoweroff"></span>
            <div class="name">
              poweroff
            </div>
            <div class="code-name">.iconpoweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkey"></span>
            <div class="name">
              key
            </div>
            <div class="code-name">.iconkey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafety-certificate"></span>
            <div class="name">
              safety-certificate
            </div>
            <div class="code-name">.iconsafety-certificate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsupervise"></span>
            <div class="name">
              supervise
            </div>
            <div class="code-name">.iconsupervise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag-subscipt"></span>
            <div class="name">
              tag-subscipt
            </div>
            <div class="code-name">.icontag-subscipt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-pie-alt"></span>
            <div class="name">
              chart-pie-alt
            </div>
            <div class="code-name">.iconchart-pie-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-relation"></span>
            <div class="name">
              chart-relation
            </div>
            <div class="code-name">.iconchart-relation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-scatter-plot"></span>
            <div class="name">
              chart-scatter-plot
            </div>
            <div class="code-name">.iconchart-scatter-plot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-area"></span>
            <div class="name">
              chart-area
            </div>
            <div class="code-name">.iconchart-area
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-line"></span>
            <div class="name">
              chart-line
            </div>
            <div class="code-name">.iconchart-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-bar"></span>
            <div class="name">
              chart-bar
            </div>
            <div class="code-name">.iconchart-bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-code"></span>
            <div class="name">
              display-code
            </div>
            <div class="code-name">.icondisplay-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-arrow-right"></span>
            <div class="name">
              display-arrow-right
            </div>
            <div class="code-name">.icondisplay-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-arrow-left"></span>
            <div class="name">
              display-arrow-left
            </div>
            <div class="code-name">.icondisplay-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop-error"></span>
            <div class="name">
              laptop-error
            </div>
            <div class="code-name">.iconlaptop-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop-check"></span>
            <div class="name">
              laptop-check
            </div>
            <div class="code-name">.iconlaptop-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.iconlaptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-error"></span>
            <div class="name">
              mobile-error
            </div>
            <div class="code-name">.iconmobile-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-check"></span>
            <div class="name">
              mobile-check
            </div>
            <div class="code-name">.iconmobile-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-alt"></span>
            <div class="name">
              mobile-alt
            </div>
            <div class="code-name">.iconmobile-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnail"></span>
            <div class="name">
              nail
            </div>
            <div class="code-name">.iconnail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnail-fixed"></span>
            <div class="name">
              nail-fixed
            </div>
            <div class="code-name">.iconnail-fixed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondollar"></span>
            <div class="name">
              dollar
            </div>
            <div class="code-name">.icondollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontransanction"></span>
            <div class="name">
              transanction
            </div>
            <div class="code-name">.icontransanction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter-fill"></span>
            <div class="name">
              filter-fill
            </div>
            <div class="code-name">.iconfilter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall-fill"></span>
            <div class="name">
              all-fill
            </div>
            <div class="code-name">.iconall-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabaseplus-fill"></span>
            <div class="name">
              database plus-fill
            </div>
            <div class="code-name">.icondatabaseplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-fill"></span>
            <div class="name">
              database-fill
            </div>
            <div class="code-name">.icondatabase-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcommentlines-fill"></span>
            <div class="name">
              comment lines-fill
            </div>
            <div class="code-name">.iconcommentlines-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcommentdots-fill"></span>
            <div class="name">
              comment dots-fill
            </div>
            <div class="code-name">.iconcommentdots-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaperplane-fill"></span>
            <div class="name">
              paper plane-fill
            </div>
            <div class="code-name">.iconpaperplane-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeyeslash-fill"></span>
            <div class="name">
              eye slash-fill
            </div>
            <div class="code-name">.iconeyeslash-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-fill"></span>
            <div class="name">
              eye-fill
            </div>
            <div class="code-name">.iconeye-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlightbulb-fill"></span>
            <div class="name">
              lightbulb-fill
            </div>
            <div class="code-name">.iconlightbulb-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag-fill"></span>
            <div class="name">
              flag-fill
            </div>
            <div class="code-name">.iconflag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag-fill"></span>
            <div class="name">
              tag-fill
            </div>
            <div class="code-name">.icontag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconposition-fill"></span>
            <div class="name">
              position-fill
            </div>
            <div class="code-name">.iconposition-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation-fill"></span>
            <div class="name">
              location-fill
            </div>
            <div class="code-name">.iconlocation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap-fill"></span>
            <div class="name">
              map-fill
            </div>
            <div class="code-name">.iconmap-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinboxin-fill"></span>
            <div class="name">
              inbox in-fill
            </div>
            <div class="code-name">.iconinboxin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbox-fill"></span>
            <div class="name">
              box-fill
            </div>
            <div class="code-name">.iconbox-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabaseset-fill"></span>
            <div class="name">
              database set-fill
            </div>
            <div class="code-name">.icondatabaseset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayergroup-fill"></span>
            <div class="name">
              layer group-fill
            </div>
            <div class="code-name">.iconlayergroup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcry-fill"></span>
            <div class="name">
              cry-fill
            </div>
            <div class="code-name">.iconcry-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile-fill"></span>
            <div class="name">
              smile-fill
            </div>
            <div class="code-name">.iconsmile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock-fill"></span>
            <div class="name">
              unlock-fill
            </div>
            <div class="code-name">.iconunlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock-fill"></span>
            <div class="name">
              lock-fill
            </div>
            <div class="code-name">.iconlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalignright-fill"></span>
            <div class="name">
              align right-fill
            </div>
            <div class="code-name">.iconalignright-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalignleft-fill"></span>
            <div class="name">
              align left-fill
            </div>
            <div class="code-name">.iconalignleft-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborderbottom-fill"></span>
            <div class="name">
              border bottom-fill
            </div>
            <div class="code-name">.iconborderbottom-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbordertop-fill"></span>
            <div class="name">
              border top-fill
            </div>
            <div class="code-name">.iconbordertop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaligncenter-fill"></span>
            <div class="name">
              align center-fill
            </div>
            <div class="code-name">.iconaligncenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborderverticle-fill"></span>
            <div class="name">
              border verticle-fill
            </div>
            <div class="code-name">.iconborderverticle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpiccenter-fill"></span>
            <div class="name">
              pic center-fill
            </div>
            <div class="code-name">.iconpiccenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicside-fill"></span>
            <div class="name">
              pic side-fill
            </div>
            <div class="code-name">.iconpicside-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolderopen-fill"></span>
            <div class="name">
              folder open-fill
            </div>
            <div class="code-name">.iconfolderopen-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolderplus-fill"></span>
            <div class="name">
              folder plus-fill
            </div>
            <div class="code-name">.iconfolderplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-fill"></span>
            <div class="name">
              folder-fill
            </div>
            <div class="code-name">.iconfolder-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-SQL"></span>
            <div class="name">
              file-SQL
            </div>
            <div class="code-name">.iconfile-SQL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfileplus-fill"></span>
            <div class="name">
              file plus-fill
            </div>
            <div class="code-name">.iconfileplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-fill"></span>
            <div class="name">
              file-fill
            </div>
            <div class="code-name">.iconfile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy-fill"></span>
            <div class="name">
              copy-fill
            </div>
            <div class="code-name">.iconcopy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheadset-fill"></span>
            <div class="name">
              headset-fill
            </div>
            <div class="code-name">.iconheadset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-fill"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.iconphone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpausecircle-fill"></span>
            <div class="name">
              pause circle-fill
            </div>
            <div class="code-name">.iconpausecircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstopcircle-fill"></span>
            <div class="name">
              stop circle-fill
            </div>
            <div class="code-name">.iconstopcircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplaycircle-fill"></span>
            <div class="name">
              play circle-fill
            </div>
            <div class="code-name">.iconplaycircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete-fill"></span>
            <div class="name">
              delete-fill
            </div>
            <div class="code-name">.icondelete-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicture-fill"></span>
            <div class="name">
              picture-fill
            </div>
            <div class="code-name">.iconpicture-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail-fill"></span>
            <div class="name">
              mail-fill
            </div>
            <div class="code-name">.iconmail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheart-fill"></span>
            <div class="name">
              heart-fill
            </div>
            <div class="code-name">.iconheart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection-fill"></span>
            <div class="name">
              collection-fill
            </div>
            <div class="code-name">.iconcollection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-group-fill"></span>
            <div class="name">
              user-group-fill
            </div>
            <div class="code-name">.iconuser-group-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuserplus-fill"></span>
            <div class="name">
              user plus-fill
            </div>
            <div class="code-name">.iconuserplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-fill"></span>
            <div class="name">
              user-fill
            </div>
            <div class="code-name">.iconuser-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcog-fill"></span>
            <div class="name">
              cog-fill
            </div>
            <div class="code-name">.iconcog-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock-fill"></span>
            <div class="name">
              clock-fill
            </div>
            <div class="code-name">.iconclock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendaralt-fill"></span>
            <div class="name">
              calendar alt-fill
            </div>
            <div class="code-name">.iconcalendaralt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclouddownload-fill"></span>
            <div class="name">
              cloud download-fill
            </div>
            <div class="code-name">.iconclouddownload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloudupload-fill"></span>
            <div class="name">
              cloud upload-fill
            </div>
            <div class="code-name">.iconcloudupload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexchange-fill"></span>
            <div class="name">
              exchange-fill
            </div>
            <div class="code-name">.iconexchange-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle-fill"></span>
            <div class="name">
              info-circle-fill
            </div>
            <div class="code-name">.iconinfo-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle-fill"></span>
            <div class="name">
              question-circle-fill
            </div>
            <div class="code-name">.iconquestion-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexclamationcircle-f"></span>
            <div class="name">
              exclamation circle-f
            </div>
            <div class="code-name">.iconexclamationcircle-f
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle-fill"></span>
            <div class="name">
              minus-circle-fill
            </div>
            <div class="code-name">.iconminus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle-fill"></span>
            <div class="name">
              plus-circle-fill
            </div>
            <div class="code-name">.iconplus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes-circle-fill"></span>
            <div class="name">
              times-circle-fill
            </div>
            <div class="code-name">.icontimes-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-circle-fill"></span>
            <div class="name">
              check-circle-fill
            </div>
            <div class="code-name">.iconcheck-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompressalt-fill"></span>
            <div class="name">
              compress alt-fill
            </div>
            <div class="code-name">.iconcompressalt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexpandalt-fill"></span>
            <div class="name">
              expand alt-fill
            </div>
            <div class="code-name">.iconexpandalt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.iconfilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall"></span>
            <div class="name">
              all
            </div>
            <div class="code-name">.iconall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-plus"></span>
            <div class="name">
              database-plus
            </div>
            <div class="code-name">.icondatabase-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase"></span>
            <div class="name">
              database
            </div>
            <div class="code-name">.icondatabase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomment-lines"></span>
            <div class="name">
              comment-lines
            </div>
            <div class="code-name">.iconcomment-lines
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomment-dots"></span>
            <div class="name">
              comment-dots
            </div>
            <div class="code-name">.iconcomment-dots
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaper-plane"></span>
            <div class="name">
              paper-plane
            </div>
            <div class="code-name">.iconpaper-plane
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-slash"></span>
            <div class="name">
              eye-slash
            </div>
            <div class="code-name">.iconeye-slash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye1"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.iconeye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlightbulb"></span>
            <div class="name">
              lightbulb
            </div>
            <div class="code-name">.iconlightbulb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.iconflag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.icontag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconposition"></span>
            <div class="name">
              position
            </div>
            <div class="code-name">.iconposition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.iconlocation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap1"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.iconmap1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinbox-in"></span>
            <div class="name">
              inbox-in
            </div>
            <div class="code-name">.iconinbox-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbox"></span>
            <div class="name">
              box
            </div>
            <div class="code-name">.iconbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-set"></span>
            <div class="name">
              database-set
            </div>
            <div class="code-name">.icondatabase-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayer-group"></span>
            <div class="name">
              layer-group
            </div>
            <div class="code-name">.iconlayer-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-cry"></span>
            <div class="name">
              wind-cry
            </div>
            <div class="code-name">.iconwind-cry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-smile"></span>
            <div class="name">
              wind-smile
            </div>
            <div class="code-name">.iconwind-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.iconunlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.iconlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-right"></span>
            <div class="name">
              align-right
            </div>
            <div class="code-name">.iconalign-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-left"></span>
            <div class="name">
              align-left
            </div>
            <div class="code-name">.iconalign-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-bottom"></span>
            <div class="name">
              border-bottom
            </div>
            <div class="code-name">.iconborder-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-top"></span>
            <div class="name">
              border-top
            </div>
            <div class="code-name">.iconborder-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-center"></span>
            <div class="name">
              align-center
            </div>
            <div class="code-name">.iconalign-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-verticle"></span>
            <div class="name">
              border-verticle
            </div>
            <div class="code-name">.iconborder-verticle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-center"></span>
            <div class="name">
              pic-center
            </div>
            <div class="code-name">.iconpic-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-side"></span>
            <div class="name">
              pic-side
            </div>
            <div class="code-name">.iconpic-side
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-open"></span>
            <div class="name">
              folder-open
            </div>
            <div class="code-name">.iconfolder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-plus"></span>
            <div class="name">
              folder-plus
            </div>
            <div class="code-name">.iconfolder-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.iconfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-SQL1"></span>
            <div class="name">
              file-SQL
            </div>
            <div class="code-name">.iconfile-SQL1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-plus"></span>
            <div class="name">
              file-plus
            </div>
            <div class="code-name">.iconfile-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.iconfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.iconcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheadset"></span>
            <div class="name">
              headset
            </div>
            <div class="code-name">.iconheadset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpausecircle"></span>
            <div class="name">
              pause circle
            </div>
            <div class="code-name">.iconpausecircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstopcircle"></span>
            <div class="name">
              stop circle
            </div>
            <div class="code-name">.iconstopcircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplaycircle"></span>
            <div class="name">
              play circle
            </div>
            <div class="code-name">.iconplaycircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icondelete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicture"></span>
            <div class="name">
              picture
            </div>
            <div class="code-name">.iconpicture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.iconmail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.iconlike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection"></span>
            <div class="name">
              collection
            </div>
            <div class="code-name">.iconcollection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-group"></span>
            <div class="name">
              user-group
            </div>
            <div class="code-name">.iconuser-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount-plus"></span>
            <div class="name">
              account-plus
            </div>
            <div class="code-name">.iconaccount-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.iconaccount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcog"></span>
            <div class="name">
              cog
            </div>
            <div class="code-name">.iconcog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.iconclock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-alt"></span>
            <div class="name">
              calendar-alt
            </div>
            <div class="code-name">.iconcalendar-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclouddownload"></span>
            <div class="name">
              cloud download
            </div>
            <div class="code-name">.iconclouddownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloudupload"></span>
            <div class="name">
              cloud upload
            </div>
            <div class="code-name">.iconcloudupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexchange"></span>
            <div class="name">
              exchange
            </div>
            <div class="code-name">.iconexchange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle"></span>
            <div class="name">
              info-circle
            </div>
            <div class="code-name">.iconinfo-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle"></span>
            <div class="name">
              question-circle
            </div>
            <div class="code-name">.iconquestion-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexclamation-circle"></span>
            <div class="name">
              exclamation-circle
            </div>
            <div class="code-name">.iconexclamation-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle"></span>
            <div class="name">
              minus-circle
            </div>
            <div class="code-name">.iconminus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle"></span>
            <div class="name">
              plus-circle
            </div>
            <div class="code-name">.iconplus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes-circle"></span>
            <div class="name">
              times-circle
            </div>
            <div class="code-name">.icontimes-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-circle"></span>
            <div class="name">
              check-circle
            </div>
            <div class="code-name">.iconcheck-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompress-alt"></span>
            <div class="name">
              compress-alt
            </div>
            <div class="code-name">.iconcompress-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexpand-alt"></span>
            <div class="name">
              expand-alt
            </div>
            <div class="code-name">.iconexpand-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconban"></span>
            <div class="name">
              ban
            </div>
            <div class="code-name">.iconban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus"></span>
            <div class="name">
              minus
            </div>
            <div class="code-name">.iconminus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.iconplus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes"></span>
            <div class="name">
              times
            </div>
            <div class="code-name">.icontimes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.iconcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch-minus"></span>
            <div class="name">
              search-minus
            </div>
            <div class="code-name">.iconsearch-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch-plus"></span>
            <div class="name">
              search-plus
            </div>
            <div class="code-name">.iconsearch-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch1"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.iconsearch1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreply1"></span>
            <div class="name">
              reply
            </div>
            <div class="code-name">.iconreply1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconundo"></span>
            <div class="name">
              undo
            </div>
            <div class="code-name">.iconundo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredo"></span>
            <div class="name">
              redo
            </div>
            <div class="code-name">.iconredo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexternal-link"></span>
            <div class="name">
              external-link
            </div>
            <div class="code-name">.iconexternal-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrows-alt"></span>
            <div class="name">
              arrows-alt
            </div>
            <div class="code-name">.iconarrows-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconindent"></span>
            <div class="name">
              indent
            </div>
            <div class="code-name">.iconindent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoutdent"></span>
            <div class="name">
              outdent
            </div>
            <div class="code-name">.iconoutdent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-line"></span>
            <div class="name">
              sort-line
            </div>
            <div class="code-name">.iconsort-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconswitch"></span>
            <div class="name">
              switch
            </div>
            <div class="code-name">.iconswitch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-descending"></span>
            <div class="name">
              wind-descending
            </div>
            <div class="code-name">.iconwind-descending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-ascending"></span>
            <div class="name">
              wind-ascending
            </div>
            <div class="code-name">.iconwind-ascending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconupload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.iconupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-to-bottom"></span>
            <div class="name">
              arrow-to-bottom
            </div>
            <div class="code-name">.iconarrow-to-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-to-top"></span>
            <div class="name">
              arrow-to-top
            </div>
            <div class="code-name">.iconarrow-to-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlong-arrow-down"></span>
            <div class="name">
              long-arrow-down
            </div>
            <div class="code-name">.iconlong-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlong-arrow-up"></span>
            <div class="name">
              long-arrow-up
            </div>
            <div class="code-name">.iconlong-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-right"></span>
            <div class="name">
              arrow-right
            </div>
            <div class="code-name">.iconarrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-left"></span>
            <div class="name">
              arrow-left
            </div>
            <div class="code-name">.iconarrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.iconsort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-down"></span>
            <div class="name">
              sort-down
            </div>
            <div class="code-name">.iconsort-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-up"></span>
            <div class="name">
              sort-up
            </div>
            <div class="code-name">.iconsort-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaret-right"></span>
            <div class="name">
              caret-right
            </div>
            <div class="code-name">.iconcaret-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaret-left"></span>
            <div class="name">
              caret-left
            </div>
            <div class="code-name">.iconcaret-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrows-v"></span>
            <div class="name">
              arrows-v
            </div>
            <div class="code-name">.iconarrows-v
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-down"></span>
            <div class="name">
              angle- double-down
            </div>
            <div class="code-name">.iconangle-double-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-up"></span>
            <div class="name">
              angle-double-up
            </div>
            <div class="code-name">.iconangle-double-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-right"></span>
            <div class="name">
              angle-double-right
            </div>
            <div class="code-name">.iconangle-double-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-left"></span>
            <div class="name">
              angle-double-left
            </div>
            <div class="code-name">.iconangle-double-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-down"></span>
            <div class="name">
              angle-down
            </div>
            <div class="code-name">.iconangle-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-up"></span>
            <div class="name">
              angle-up
            </div>
            <div class="code-name">.iconangle-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-right"></span>
            <div class="name">
              angle-right
            </div>
            <div class="code-name">.iconangle-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-left"></span>
            <div class="name">
              angle-left
            </div>
            <div class="code-name">.iconangle-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaperclip"></span>
            <div class="name">
              paperclip
            </div>
            <div class="code-name">.iconpaperclip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconnection"></span>
            <div class="name">
              connection
            </div>
            <div class="code-name">.iconconnection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontraining"></span>
            <div class="name">
              training
            </div>
            <div class="code-name">.icontraining
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprocess"></span>
            <div class="name">
              process
            </div>
            <div class="code-name">.iconprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnews"></span>
            <div class="name">
              news
            </div>
            <div class="code-name">.iconnews
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.iconsave
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprint"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.iconprint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnew-releases"></span>
            <div class="name">
              new-releases
            </div>
            <div class="code-name">.iconnew-releases
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrelease"></span>
            <div class="name">
              release
            </div>
            <div class="code-name">.iconrelease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalert"></span>
            <div class="name">
              alert
            </div>
            <div class="code-name">.iconalert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbackspace"></span>
            <div class="name">
              backspace
            </div>
            <div class="code-name">.iconbackspace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongem"></span>
            <div class="name">
              gem
            </div>
            <div class="code-name">.icongem
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral"></span>
            <div class="name">
              integral
            </div>
            <div class="code-name">.iconintegral
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar-circle"></span>
            <div class="name">
              star-circle
            </div>
            <div class="code-name">.iconstar-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-circle"></span>
            <div class="name">
              user-circle
            </div>
            <div class="code-name">.iconuser-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-machine-fill"></span>
            <div class="name">
              cloud-machine-fill
            </div>
            <div class="code-name">.iconcloud-machine-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-machine"></span>
            <div class="name">
              cloud-machine
            </div>
            <div class="code-name">.iconcloud-machine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconterminal-fill"></span>
            <div class="name">
              terminal-fill
            </div>
            <div class="code-name">.iconterminal-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconterminal"></span>
            <div class="name">
              terminal
            </div>
            <div class="code-name">.iconterminal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshopping-cart-fill"></span>
            <div class="name">
              shopping-cart-fill
            </div>
            <div class="code-name">.iconshopping-cart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunsee"></span>
            <div class="name">
              unsee
            </div>
            <div class="code-name">.iconunsee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsee"></span>
            <div class="name">
              see
            </div>
            <div class="code-name">.iconsee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsettings"></span>
            <div class="name">
              settings
            </div>
            <div class="code-name">.iconsettings
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsettings-fill"></span>
            <div class="name">
              settings-fill
            </div>
            <div class="code-name">.iconsettings-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconresource"></span>
            <div class="name">
              resource
            </div>
            <div class="code-name">.iconresource
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjianji"></span>
            <div class="name">
              剪辑
            </div>
            <div class="code-name">.iconjianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjuxing"></span>
            <div class="name">
              矩形
            </div>
            <div class="code-name">.iconjuxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuoyuanxing"></span>
            <div class="name">
              椭圆形
            </div>
            <div class="code-name">.icontuoyuanxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconPrinter"></span>
            <div class="name">
              Printer
            </div>
            <div class="code-name">.iconPrinter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjietu"></span>
            <div class="name">
              截图
            </div>
            <div class="code-name">.iconjietu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxuanzegongju"></span>
            <div class="name">
              选择工具
            </div>
            <div class="code-name">.iconxuanzegongju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxuanzegongju1"></span>
            <div class="name">
              选择工具
            </div>
            <div class="code-name">.iconxuanzegongju1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrank"></span>
            <div class="name">
              rank
            </div>
            <div class="code-name">.iconrank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsync-alt"></span>
            <div class="name">
              sync-alt
            </div>
            <div class="code-name">.iconsync-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompass"></span>
            <div class="name">
              compass
            </div>
            <div class="code-name">.iconcompass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-alt-from-top"></span>
            <div class="name">
              arrow-alt- from-top
            </div>
            <div class="code-name">.iconarrow-alt-from-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-alt-from-botto"></span>
            <div class="name">
              arrow-alt-from-botto
            </div>
            <div class="code-name">.iconarrow-alt-from-botto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmenu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.iconmenu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-drag"></span>
            <div class="name">
              icon-drag
            </div>
            <div class="code-name">.iconicon-drag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconearly-warning"></span>
            <div class="name">
              early-warning
            </div>
            <div class="code-name">.iconearly-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare1"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconziyuan"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.iconziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianxiren"></span>
            <div class="name">
              联系人
            </div>
            <div class="code-name">.iconlianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-jh"></span>
            <div class="name">
              文件-计划
            </div>
            <div class="code-name">.iconwj-jh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-djb"></span>
            <div class="name">
              文件-登记表
            </div>
            <div class="code-name">.iconwj-djb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-fswj"></span>
            <div class="name">
              文件-发送文件
            </div>
            <div class="code-name">.iconwj-fswj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwp-jsb"></span>
            <div class="name">
              物品-记事本
            </div>
            <div class="code-name">.iconwp-jsb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-rz"></span>
            <div class="name">
              文件-日志
            </div>
            <div class="code-name">.iconwj-rz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmc-wcqk"></span>
            <div class="name">
              名称-完成情况
            </div>
            <div class="code-name">.iconmc-wcqk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-shwj"></span>
            <div class="name">
              文件-收回文件
            </div>
            <div class="code-name">.iconwj-shwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-mc"></span>
            <div class="name">
              文件-名册
            </div>
            <div class="code-name">.iconwj-mc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-tj"></span>
            <div class="name">
              文件-统计
            </div>
            <div class="code-name">.iconwj-tj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-zl"></span>
            <div class="name">
              文件-资料
            </div>
            <div class="code-name">.iconwj-zl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-gxwj"></span>
            <div class="name">
              文件-共享文件
            </div>
            <div class="code-name">.iconwj-gxwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwp-sb"></span>
            <div class="name">
              物品-书笔
            </div>
            <div class="code-name">.iconwp-sb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-dad"></span>
            <div class="name">
              文件-档案袋
            </div>
            <div class="code-name">.iconwj-dad
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-shd"></span>
            <div class="name">
              文件-售后单
            </div>
            <div class="code-name">.iconwj-shd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-zs"></span>
            <div class="name">
              文件-证书
            </div>
            <div class="code-name">.iconwj-zs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-djjl"></span>
            <div class="name">
              文件-对接记录
            </div>
            <div class="code-name">.iconwj-djjl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-cj"></span>
            <div class="name">
              文件-成绩
            </div>
            <div class="code-name">.iconwj-cj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-flyz"></span>
            <div class="name">
              文件-法律援助
            </div>
            <div class="code-name">.iconwj-flyz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-zyzdj"></span>
            <div class="name">
              文件-志愿者登记
            </div>
            <div class="code-name">.iconwj-zyzdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-khb"></span>
            <div class="name">
              文件-考核表
            </div>
            <div class="code-name">.iconwj-khb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-bxd"></span>
            <div class="name">
              文件-保修单
            </div>
            <div class="code-name">.iconwj-bxd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-dy"></span>
            <div class="name">
              操作-打印
            </div>
            <div class="code-name">.iconcz-dy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-tjbb"></span>
            <div class="name">
              文件-统计报表
            </div>
            <div class="code-name">.iconwj-tjbb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-zypj"></span>
            <div class="name">
              文件-资源评价
            </div>
            <div class="code-name">.iconwj-zypj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-mxjl"></span>
            <div class="name">
              文件-明细记录
            </div>
            <div class="code-name">.iconwj-mxjl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-szsm"></span>
            <div class="name">
              文件-设置说明
            </div>
            <div class="code-name">.iconwj-szsm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjlb"></span>
            <div class="name">
              文件-文件类别
            </div>
            <div class="code-name">.iconwj-wjlb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-clzj"></span>
            <div class="name">
              文件-材料转接
            </div>
            <div class="code-name">.iconwj-clzj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-thwj"></span>
            <div class="name">
              文件-退回文件
            </div>
            <div class="code-name">.iconwj-thwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-cy"></span>
            <div class="name">
              文件-传阅
            </div>
            <div class="code-name">.iconwj-cy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-jlb"></span>
            <div class="name">
              文件-记录表
            </div>
            <div class="code-name">.iconwj-jlb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjtg"></span>
            <div class="name">
              文件-文件通过
            </div>
            <div class="code-name">.iconwj-wjtg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconWord"></span>
            <div class="name">
              Word
            </div>
            <div class="code-name">.iconWord
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjch"></span>
            <div class="name">
              文件-文件撤回
            </div>
            <div class="code-name">.iconwj-wjch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-czwj"></span>
            <div class="name">
              文件-文件查找
            </div>
            <div class="code-name">.iconwj-czwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-chwj"></span>
            <div class="name">
              文件-撤回文件
            </div>
            <div class="code-name">.iconwj-chwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-jjwj"></span>
            <div class="name">
              文件-紧急文件
            </div>
            <div class="code-name">.iconwj-jjwj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-ryxx"></span>
            <div class="name">
              文件-人员信息
            </div>
            <div class="code-name">.iconwj-ryxx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-fswj1"></span>
            <div class="name">
              文件-发送文件
            </div>
            <div class="code-name">.iconwj-fswj1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjsc"></span>
            <div class="name">
              文件-文件上传
            </div>
            <div class="code-name">.iconwj-wjsc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-zw"></span>
            <div class="name">
              文件-正文
            </div>
            <div class="code-name">.iconwj-zw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjxg"></span>
            <div class="name">
              文件-文件修改
            </div>
            <div class="code-name">.iconwj-wjxg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjxf"></span>
            <div class="name">
              文件-文件下发
            </div>
            <div class="code-name">.iconwj-wjxf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-bjb"></span>
            <div class="name">
              文件-笔记本
            </div>
            <div class="code-name">.iconwj-bjb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjj"></span>
            <div class="name">
              文件-文件夹
            </div>
            <div class="code-name">.iconwj-wjj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwj-wjlz"></span>
            <div class="name">
              文件-文件流转
            </div>
            <div class="code-name">.iconwj-wjlz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanagement-"></span>
            <div class="name">
              management
            </div>
            <div class="code-name">.iconmanagement-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccesskeys"></span>
            <div class="name">
              accesskeys
            </div>
            <div class="code-name">.iconaccesskeys
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuakuai-"></span>
            <div class="name">
              滑块-01
            </div>
            <div class="code-name">.iconhuakuai-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuolan-"></span>
            <div class="name">
              搜索栏-01
            </div>
            <div class="code-name">.iconsousuolan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhuadongkaiguan-"></span>
            <div class="name">
              滑动开关-01
            </div>
            <div class="code-name">.iconhuadongkaiguan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqianye-"></span>
            <div class="name">
              标签页-01
            </div>
            <div class="code-name">.iconbiaoqianye-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondanxuan-"></span>
            <div class="name">
              单选-01
            </div>
            <div class="code-name">.icondanxuan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconduoxuan-"></span>
            <div class="name">
              多选-01
            </div>
            <div class="code-name">.iconduoxuan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiang-"></span>
            <div class="name">
              分享-01
            </div>
            <div class="code-name">.iconfenxiang-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkuaijiejian-"></span>
            <div class="name">
              快捷键-01
            </div>
            <div class="code-name">.iconkuaijiejian-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyemian-"></span>
            <div class="name">
              页面-01
            </div>
            <div class="code-name">.iconyemian-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian-"></span>
            <div class="name">
              组件-01
            </div>
            <div class="code-name">.iconzujian-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmayun"></span>
            <div class="name">
              码云
            </div>
            <div class="code-name">.iconmayun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmayun1"></span>
            <div class="name">
              码云
            </div>
            <div class="code-name">.iconmayun1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo"></span>
            <div class="name">
              info
            </div>
            <div class="code-name">.iconinfo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-fill"></span>
            <div class="name">
              info-fill
            </div>
            <div class="code-name">.iconinfo-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay-fill"></span>
            <div class="name">
              play-fill
            </div>
            <div class="code-name">.iconplay-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplay"></span>
            <div class="name">
              play
            </div>
            <div class="code-name">.iconplay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconposition1"></span>
            <div class="name">
              position
            </div>
            <div class="code-name">.iconposition1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconraise"></span>
            <div class="name">
              raise
            </div>
            <div class="code-name">.iconraise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreduce"></span>
            <div class="name">
              reduce
            </div>
            <div class="code-name">.iconreduce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage-fill"></span>
            <div class="name">
              message-fill
            </div>
            <div class="code-name">.iconmessage-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcourse-fill"></span>
            <div class="name">
              course-fill
            </div>
            <div class="code-name">.iconcourse-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmessage"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.iconmessage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmodule-fill"></span>
            <div class="name">
              module-fill
            </div>
            <div class="code-name">.iconmodule-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcourse"></span>
            <div class="name">
              course
            </div>
            <div class="code-name">.iconcourse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmodule"></span>
            <div class="name">
              module
            </div>
            <div class="code-name">.iconmodule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconauth"></span>
            <div class="name">
              auth
            </div>
            <div class="code-name">.iconauth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell1"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.iconbell1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell-fill"></span>
            <div class="name">
              bell-fill
            </div>
            <div class="code-name">.iconbell-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch2"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.iconsearch2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconversation-fill"></span>
            <div class="name">
              conversation-fill
            </div>
            <div class="code-name">.iconconversation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconversation"></span>
            <div class="name">
              conversation
            </div>
            <div class="code-name">.iconconversation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconupload1"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.iconupload1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-fill"></span>
            <div class="name">
              question-fill
            </div>
            <div class="code-name">.iconquestion-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion"></span>
            <div class="name">
              question
            </div>
            <div class="code-name">.iconquestion
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontime"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icontime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontime-fill"></span>
            <div class="name">
              time-fill
            </div>
            <div class="code-name">.icontime-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmore"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.iconmore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianxidianhua"></span>
            <div class="name">
              联系电话
            </div>
            <div class="code-name">.iconlianxidianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlianxidianhua_xiantiao"></span>
            <div class="name">
              联系电话_线条
            </div>
            <div class="code-name">.iconlianxidianhua_xiantiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock1"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.iconlock1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock-fill1"></span>
            <div class="name">
              lock-fill
            </div>
            <div class="code-name">.iconlock-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhifubao1"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.iconzhifubao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.iconyonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit1"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-jiacu"></span>
            <div class="name">
              T-加粗
            </div>
            <div class="code-name">.iconT-jiacu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-fangda"></span>
            <div class="name">
              T-放大
            </div>
            <div class="code-name">.iconT-fangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-juyou"></span>
            <div class="name">
              T-居右
            </div>
            <div class="code-name">.iconT-juyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-juzuo"></span>
            <div class="name">
              T-居左
            </div>
            <div class="code-name">.iconT-juzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-pingjunfenbu"></span>
            <div class="name">
              T-平均分布
            </div>
            <div class="code-name">.iconT-pingjunfenbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-qingxie"></span>
            <div class="name">
              T-倾斜
            </div>
            <div class="code-name">.iconT-qingxie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-suofang"></span>
            <div class="name">
              T-缩放1
            </div>
            <div class="code-name">.iconT-suofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-juzhong"></span>
            <div class="name">
              T-居中
            </div>
            <div class="code-name">.iconT-juzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-suofang1"></span>
            <div class="name">
              T-缩放2
            </div>
            <div class="code-name">.iconT-suofang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-yanse"></span>
            <div class="name">
              T-颜色
            </div>
            <div class="code-name">.iconT-yanse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconT-xiahuaxian"></span>
            <div class="name">
              T-下划线
            </div>
            <div class="code-name">.iconT-xiahuaxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjiahao"></span>
            <div class="name">
              加号
            </div>
            <div class="code-name">.iconjiahao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconfuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshang"></span>
            <div class="name">
              上
            </div>
            <div class="code-name">.iconshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouzhan"></span>
            <div class="name">
              收展
            </div>
            <div class="code-name">.iconshouzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.iconshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuodong"></span>
            <div class="name">
              拖动1
            </div>
            <div class="code-name">.icontuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuodong1"></span>
            <div class="name">
              拖动3
            </div>
            <div class="code-name">.icontuodong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontuodong2"></span>
            <div class="name">
              拖动2
            </div>
            <div class="code-name">.icontuodong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyoukuozhan"></span>
            <div class="name">
              右扩展
            </div>
            <div class="code-name">.iconyoukuozhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxia"></span>
            <div class="name">
              下
            </div>
            <div class="code-name">.iconxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuokuozhan"></span>
            <div class="name">
              左扩展
            </div>
            <div class="code-name">.iconzuokuozhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyemian"></span>
            <div class="name">
              页面
            </div>
            <div class="code-name">.iconyemian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-fuxuankuang"></span>
            <div class="name">
              B-复选框
            </div>
            <div class="code-name">.iconB-fuxuankuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-bingzhuangtu"></span>
            <div class="name">
              B-饼状图
            </div>
            <div class="code-name">.iconB-bingzhuangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-lianxiren"></span>
            <div class="name">
              B-联系人
            </div>
            <div class="code-name">.iconB-lianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-pingfen"></span>
            <div class="name">
              B-评分
            </div>
            <div class="code-name">.iconB-pingfen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-qumiantu"></span>
            <div class="name">
              B-曲面图
            </div>
            <div class="code-name">.iconB-qumiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-liuyan"></span>
            <div class="name">
              B-留言
            </div>
            <div class="code-name">.iconB-liuyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-shijian"></span>
            <div class="name">
              B-时间
            </div>
            <div class="code-name">.iconB-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-xialaliebiao"></span>
            <div class="name">
              B-下拉列表
            </div>
            <div class="code-name">.iconB-xialaliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-zhexiantu"></span>
            <div class="name">
              B-折线图
            </div>
            <div class="code-name">.iconB-zhexiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-zhuzhuangtu"></span>
            <div class="name">
              B-柱状图
            </div>
            <div class="code-name">.iconB-zhuzhuangtu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-shurukuang"></span>
            <div class="name">
              B-输入框
            </div>
            <div class="code-name">.iconB-shurukuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZ-dibudaohang"></span>
            <div class="name">
              Z-底部导航
            </div>
            <div class="code-name">.iconZ-dibudaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZ-fenleidaohang"></span>
            <div class="name">
              Z-分类导航
            </div>
            <div class="code-name">.iconZ-fenleidaohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZ-zuoyouhuadong"></span>
            <div class="name">
              Z-左右滑动
            </div>
            <div class="code-name">.iconZ-zuoyouhuadong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZ-huandengpian"></span>
            <div class="name">
              Z-幻灯片
            </div>
            <div class="code-name">.iconZ-huandengpian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconZ-daojishi"></span>
            <div class="name">
              Z-倒计时
            </div>
            <div class="code-name">.iconZ-daojishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.iconbiaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbiaodan"></span>
            <div class="name">
              表单
            </div>
            <div class="code-name">.iconbiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.iconfanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconB-shengshiqu"></span>
            <div class="name">
              B-省市区
            </div>
            <div class="code-name">.iconB-shengshiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.iconfenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfangda"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.iconfangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmoban"></span>
            <div class="name">
              模版
            </div>
            <div class="code-name">.iconmoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyulan"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.iconyulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.iconxitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzujian"></span>
            <div class="name">
              组件
            </div>
            <div class="code-name">.iconzujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenzhan"></span>
            <div class="name">
              伸展
            </div>
            <div class="code-name">.iconshenzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconditu"></span>
            <div class="name">
              Z-地图
            </div>
            <div class="code-name">.iconditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenzi"></span>
            <div class="name">
              文字
            </div>
            <div class="code-name">.iconwenzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.iconbangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconimport"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.iconimport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconExport"></span>
            <div class="name">
              Export
            </div>
            <div class="code-name">.iconExport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload1"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlist"></span>
            <div class="name">
              list
            </div>
            <div class="code-name">.iconlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqq"></span>
            <div class="name">
              qq
            </div>
            <div class="code-name">.iconqq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconloading1"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.iconloading1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconboy"></span>
            <div class="name">
              boy
            </div>
            <div class="code-name">.iconboy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwrong"></span>
            <div class="name">
              wrong
            </div>
            <div class="code-name">.iconwrong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus1"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.iconplus1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongirl"></span>
            <div class="name">
              girl
            </div>
            <div class="code-name">.icongirl
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-sortdown-smal"></span>
            <div class="name">
              arrow-sort down-small
            </div>
            <div class="code-name">.iconarrow-sortdown-smal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square-fill"></span>
            <div class="name">
              minus-square-fill
            </div>
            <div class="code-name">.iconminus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square-fill"></span>
            <div class="name">
              plus-square-fill
            </div>
            <div class="code-name">.iconplus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square"></span>
            <div class="name">
              minus-square
            </div>
            <div class="code-name">.iconminus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square"></span>
            <div class="name">
              plus-square
            </div>
            <div class="code-name">.iconplus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome-fill"></span>
            <div class="name">
              home-fill
            </div>
            <div class="code-name">.iconhome-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome1"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconhome1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreturn"></span>
            <div class="name">
              return
            </div>
            <div class="code-name">.iconreturn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconRectangleCopy"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.iconRectangleCopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning-fill"></span>
            <div class="name">
              warning-fill
            </div>
            <div class="code-name">.iconwarning-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwarning"></span>
            <div class="name">
              warning
            </div>
            <div class="code-name">.iconwarning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstepmode"></span>
            <div class="name">
              step mode
            </div>
            <div class="code-name">.iconstepmode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscrollingmode"></span>
            <div class="name">
              scrolling mode
            </div>
            <div class="code-name">.iconscrollingmode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisable"></span>
            <div class="name">
              disable
            </div>
            <div class="code-name">.icondisable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-tjcx"></span>
            <div class="name">
              操作-统计查询
            </div>
            <div class="code-name">.iconcz-tjcx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-jcdj"></span>
            <div class="name">
              操作-检查登记
            </div>
            <div class="code-name">.iconcz-jcdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-ldpg"></span>
            <div class="name">
              操作-劳动评估
            </div>
            <div class="code-name">.iconcz-ldpg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-sfdj"></span>
            <div class="name">
              操作-收发登记
            </div>
            <div class="code-name">.iconcz-sfdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-tjhz"></span>
            <div class="name">
              操作-统计汇总
            </div>
            <div class="code-name">.iconcz-tjhz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-yccb"></span>
            <div class="name">
              操作-异常呈报
            </div>
            <div class="code-name">.iconcz-yccb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-gzzd"></span>
            <div class="name">
              操作-规章制度
            </div>
            <div class="code-name">.iconcz-gzzd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmenu1"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.iconmenu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike1"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.iconlike1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike-fill"></span>
            <div class="name">
              like-fill
            </div>
            <div class="code-name">.iconlike-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-swdj"></span>
            <div class="name">
              操作-三违登记
            </div>
            <div class="code-name">.iconcz-swdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcz-jhsq"></span>
            <div class="name">
              操作-寄回申请
            </div>
            <div class="code-name">.iconcz-jhsq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconopen"></span>
            <div class="name">
              open
            </div>
            <div class="code-name">.iconopen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmc-dasz"></span>
            <div class="name">
              名称-档案设置
            </div>
            <div class="code-name">.iconmc-dasz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmc-xzjs"></span>
            <div class="name">
              名称-细则检索
            </div>
            <div class="code-name">.iconmc-xzjs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmc-xzsz"></span>
            <div class="name">
              名称-细则设置
            </div>
            <div class="code-name">.iconmc-xzsz
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoppingcart"></span>
            <div class="name">
              shopping cart
            </div>
            <div class="code-name">.iconshoppingcart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwaiting-fill"></span>
            <div class="name">
              waiting-fill
            </div>
            <div class="code-name">.iconwaiting-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwaiting"></span>
            <div class="name">
              waiting
            </div>
            <div class="code-name">.iconwaiting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-arrow-rect"></span>
            <div class="name">
              right-arrow-rect
            </div>
            <div class="code-name">.iconright-arrow-rect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-arrow-rect"></span>
            <div class="name">
              left-arrow-rect
            </div>
            <div class="code-name">.iconleft-arrow-rect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzhuye"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.iconzhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyulan1"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.iconyulan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.iconbell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayin1"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icondayin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin"></span>
            <div class="name">
              coin
            </div>
            <div class="code-name">.iconcoin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-fill"></span>
            <div class="name">
              coin-fill
            </div>
            <div class="code-name">.iconcoin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstructured-data"></span>
            <div class="name">
              structured data
            </div>
            <div class="code-name">.iconstructured-data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvector"></span>
            <div class="name">
              vector
            </div>
            <div class="code-name">.iconvector
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconppt"></span>
            <div class="name">
              ppt
            </div>
            <div class="code-name">.iconppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNEW-copy"></span>
            <div class="name">
              NEW
            </div>
            <div class="code-name">.iconNEW-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconHOT-copy"></span>
            <div class="name">
              HOT
            </div>
            <div class="code-name">.iconHOT-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconhome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbonus"></span>
            <div class="name">
              bonus
            </div>
            <div class="code-name">.iconbonus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail1"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.iconmail1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbonus-fill"></span>
            <div class="name">
              bonus-fill
            </div>
            <div class="code-name">.iconbonus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail-fill1"></span>
            <div class="name">
              mail-fill
            </div>
            <div class="code-name">.iconmail-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmonitoring"></span>
            <div class="name">
              monitoring
            </div>
            <div class="code-name">.iconmonitoring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiagnose"></span>
            <div class="name">
              diagnose
            </div>
            <div class="code-name">.icondiagnose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone1"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-fill1"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.iconphone-fill1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzoom-in1"></span>
            <div class="name">
              zoom-in
            </div>
            <div class="code-name">.iconzoom-in1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzoom-out1"></span>
            <div class="name">
              zoom-out
            </div>
            <div class="code-name">.iconzoom-out1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrobot-fill"></span>
            <div class="name">
              robot-fill
            </div>
            <div class="code-name">.iconrobot-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrobot"></span>
            <div class="name">
              robot
            </div>
            <div class="code-name">.iconrobot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayin"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icondayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.iconbianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayinshouhuodan"></span>
            <div class="name">
              打印收货单
            </div>
            <div class="code-name">.icondayinshouhuodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondayinjiesuandan"></span>
            <div class="name">
              打印结算单
            </div>
            <div class="code-name">.icondayinjiesuandan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icondaochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenjiandan"></span>
            <div class="name">
              分拣单
            </div>
            <div class="code-name">.iconfenjiandan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfuzhi1"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.iconfuzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqingjujue"></span>
            <div class="name">
              申请拒绝
            </div>
            <div class="code-name">.iconshenqingjujue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshenqingtongguo"></span>
            <div class="name">
              申请通过
            </div>
            <div class="code-name">.iconshenqingtongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchakanxiangqing"></span>
            <div class="name">
              查看详情
            </div>
            <div class="code-name">.iconchakanxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.iconwancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchehui"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.iconchehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbangzhu1"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.iconbangzhu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyonghu1"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.iconyonghu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexcel"></span>
            <div class="name">
              excel
            </div>
            <div class="code-name">.iconexcel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxinzeng"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.iconxinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconloading"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.iconloading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzengjiaxinzeng"></span>
            <div class="name">
              增加 新增
            </div>
            <div class="code-name">.iconzengjiaxinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_add-database"></span>
            <div class="name">
              sharpicons_add-database
            </div>
            <div class="code-name">.iconsharpicons_add-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_database-center"></span>
            <div class="name">
              sharpicons_database-center
            </div>
            <div class="code-name">.iconsharpicons_database-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_delete-database"></span>
            <div class="name">
              sharpicons_delete-database
            </div>
            <div class="code-name">.iconsharpicons_delete-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_database-confrim"></span>
            <div class="name">
              sharpicons_database-confrim
            </div>
            <div class="code-name">.iconsharpicons_database-confrim
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_lock-database"></span>
            <div class="name">
              sharpicons_lock-database
            </div>
            <div class="code-name">.iconsharpicons_lock-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsharpicons_safe-database"></span>
            <div class="name">
              sharpicons_safe-database
            </div>
            <div class="code-name">.iconsharpicons_safe-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDirectory-tree"></span>
            <div class="name">
              Directory tree
            </div>
            <div class="code-name">.iconDirectory-tree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjine1"></span>
            <div class="name">
              金额
            </div>
            <div class="code-name">.iconjine1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapplication"></span>
            <div class="name">
              application
            </div>
            <div class="code-name">.iconapplication
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapplicationgroup"></span>
            <div class="name">
              application  group
            </div>
            <div class="code-name">.iconapplicationgroup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondizhiguanli"></span>
            <div class="name">
              地址管理
            </div>
            <div class="code-name">.icondizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhandycontrol"></span>
            <div class="name">
              handycontrol
            </div>
            <div class="code-name">.iconhandycontrol
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhandycontrol1"></span>
            <div class="name">
              handycontrol,hc
            </div>
            <div class="code-name">.iconhandycontrol1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeveloper_tools"></span>
            <div class="name">
              developer_tools,developer tools
            </div>
            <div class="code-name">.icondeveloper_tools
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondeveloper_tools1"></span>
            <div class="name">
              developer_tools
            </div>
            <div class="code-name">.icondeveloper_tools1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#iconicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongithub"></use>
                </svg>
                <div class="name">github</div>
                <div class="code-name">#icongithub</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjine"></use>
                </svg>
                <div class="name">金额</div>
                <div class="code-name">#iconjine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconai-code"></use>
                </svg>
                <div class="name">代码</div>
                <div class="code-name">#iconai-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliulanqi"></use>
                </svg>
                <div class="name">浏览器</div>
                <div class="code-name">#iconliulanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon1"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#iconicon1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#iconcaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontel"></use>
                </svg>
                <div class="name">联系电话</div>
                <div class="code-name">#icontel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshujuku"></use>
                </svg>
                <div class="name">数据库</div>
                <div class="code-name">#iconshujuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconamount1"></use>
                </svg>
                <div class="name">回购金额</div>
                <div class="code-name">#iconamount1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconiconmoney"></use>
                </svg>
                <div class="name">金额</div>
                <div class="code-name">#iconiconmoney</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouji1"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#iconshouji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconzhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouyeshouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouyeshouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaidan1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#iconcaidan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaimakuai"></use>
                </svg>
                <div class="name">代码块</div>
                <div class="code-name">#icondaimakuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconneirong"></use>
                </svg>
                <div class="name">内容</div>
                <div class="code-name">#iconneirong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuji"></use>
                </svg>
                <div class="name">足迹</div>
                <div class="code-name">#iconzuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#iconrili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#iconpinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#iconshijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongouwudai"></use>
                </svg>
                <div class="name">购物袋</div>
                <div class="code-name">#icongouwudai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#iconfenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyiwen"></use>
                </svg>
                <div class="name">疑问</div>
                <div class="code-name">#iconyiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#iconlianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#icontishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuanfa"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#iconzhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu2"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#iconshoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquan"></use>
                </svg>
                <div class="name">券</div>
                <div class="code-name">#iconquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiang1"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#iconfenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliwu"></use>
                </svg>
                <div class="name">礼物</div>
                <div class="code-name">#iconliwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#iconjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondui"></use>
                </svg>
                <div class="name">对</div>
                <div class="code-name">#icondui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#iconshuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi1"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui1"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#iconxiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icondingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icondianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#iconchakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshengyin"></use>
                </svg>
                <div class="name">声音</div>
                <div class="code-name">#iconshengyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyuyin"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#iconyuyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhu"></use>
                </svg>
                <div class="name">关注</div>
                <div class="code-name">#iconguanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#iconmima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#iconshouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuxiang"></use>
                </svg>
                <div class="name">图像</div>
                <div class="code-name">#icontuxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuiyuanqia"></use>
                </svg>
                <div class="name">会员卡</div>
                <div class="code-name">#iconhuiyuanqia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconshezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#iconwode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconsousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongouwuche"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icongouwuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaishe"></use>
                </svg>
                <div class="name">拍摄</div>
                <div class="code-name">#iconpaishe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#iconxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsaoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#iconsaoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianpu"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icondianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhankai"></use>
                </svg>
                <div class="name">展开</div>
                <div class="code-name">#iconzhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#iconshouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchazhaoxiangsi"></use>
                </svg>
                <div class="name">查找相似</div>
                <div class="code-name">#iconchazhaoxiangsi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanzhu1"></use>
                </svg>
                <div class="name">关注2</div>
                <div class="code-name">#iconguanzhu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaidan2"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#iconcaidan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliulanqi1"></use>
                </svg>
                <div class="name">浏览器</div>
                <div class="code-name">#iconliulanqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconBriefcase"></use>
                </svg>
                <div class="name">Briefcase</div>
                <div class="code-name">#iconBriefcase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#iconeye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhammer"></use>
                </svg>
                <div class="name">hammer</div>
                <div class="code-name">#iconhammer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-blocked"></use>
                </svg>
                <div class="name">eye-blocked</div>
                <div class="code-name">#iconeye-blocked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconBook-Open-Page"></use>
                </svg>
                <div class="name">Book-Open-Page</div>
                <div class="code-name">#iconBook-Open-Page</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconBook-Open"></use>
                </svg>
                <div class="name">Book-Open</div>
                <div class="code-name">#iconBook-Open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconMarkPen"></use>
                </svg>
                <div class="name">MarkPen</div>
                <div class="code-name">#iconMarkPen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPencil-"></use>
                </svg>
                <div class="name">Pencil-01</div>
                <div class="code-name">#iconPencil-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNeedlePen"></use>
                </svg>
                <div class="name">NeedlePen</div>
                <div class="code-name">#iconNeedlePen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPalettes"></use>
                </svg>
                <div class="name">Palettes</div>
                <div class="code-name">#iconPalettes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmilestone"></use>
                </svg>
                <div class="name">Milestone</div>
                <div class="code-name">#iconmilestone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaintcan"></use>
                </svg>
                <div class="name">Paintcan</div>
                <div class="code-name">#iconpaintcan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreply"></use>
                </svg>
                <div class="name">Reply</div>
                <div class="code-name">#iconreply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplug"></use>
                </svg>
                <div class="name">Plug</div>
                <div class="code-name">#iconplug</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontext-size"></use>
                </svg>
                <div class="name">Text-size</div>
                <div class="code-name">#icontext-size</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliulanqi2"></use>
                </svg>
                <div class="name">浏览器</div>
                <div class="code-name">#iconliulanqi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconCSV"></use>
                </svg>
                <div class="name">CSV</div>
                <div class="code-name">#iconCSV</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZIP"></use>
                </svg>
                <div class="name">ZIP</div>
                <div class="code-name">#iconZIP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconTET"></use>
                </svg>
                <div class="name">TET</div>
                <div class="code-name">#iconTET</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconJPG"></use>
                </svg>
                <div class="name">JPG</div>
                <div class="code-name">#iconJPG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconVIDEO"></use>
                </svg>
                <div class="name">VIDEO</div>
                <div class="code-name">#iconVIDEO</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPNG"></use>
                </svg>
                <div class="name">PNG</div>
                <div class="code-name">#iconPNG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconGIF"></use>
                </svg>
                <div class="name">GIF</div>
                <div class="code-name">#iconGIF</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzijinfenxi"></use>
                </svg>
                <div class="name">资金分析</div>
                <div class="code-name">#iconzijinfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzonghewendang"></use>
                </svg>
                <div class="name">综合文档</div>
                <div class="code-name">#iconzonghewendang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianziyoujian"></use>
                </svg>
                <div class="name">电子邮件</div>
                <div class="code-name">#icondianziyoujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconEML"></use>
                </svg>
                <div class="name">EML</div>
                <div class="code-name">#iconEML</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzoom-in"></use>
                </svg>
                <div class="name">zoom-in</div>
                <div class="code-name">#iconzoom-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzoom-out"></use>
                </svg>
                <div class="name">zoom-out</div>
                <div class="code-name">#iconzoom-out</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsync"></use>
                </svg>
                <div class="name">sync</div>
                <div class="code-name">#iconsync</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcut"></use>
                </svg>
                <div class="name">cut</div>
                <div class="code-name">#iconcut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevrons-up"></use>
                </svg>
                <div class="name">chevrons-up</div>
                <div class="code-name">#iconchevrons-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeraser"></use>
                </svg>
                <div class="name">eraser</div>
                <div class="code-name">#iconeraser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevrons-left"></use>
                </svg>
                <div class="name">chevrons-left</div>
                <div class="code-name">#iconchevrons-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevrons-down"></use>
                </svg>
                <div class="name">chevrons-down</div>
                <div class="code-name">#iconchevrons-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevron-up"></use>
                </svg>
                <div class="name">chevron-up</div>
                <div class="code-name">#iconchevron-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevron-right"></use>
                </svg>
                <div class="name">chevron-right</div>
                <div class="code-name">#iconchevron-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevron-left"></use>
                </svg>
                <div class="name">chevron-left</div>
                <div class="code-name">#iconchevron-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchevron-down"></use>
                </svg>
                <div class="name">chevron-down</div>
                <div class="code-name">#iconchevron-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconx"></use>
                </svg>
                <div class="name">x</div>
                <div class="code-name">#iconx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexpand"></use>
                </svg>
                <div class="name">expand</div>
                <div class="code-name">#iconexpand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare-alt"></use>
                </svg>
                <div class="name">share-alt</div>
                <div class="code-name">#iconshare-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscreenshot"></use>
                </svg>
                <div class="name">screenshot</div>
                <div class="code-name">#iconscreenshot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrevision"></use>
                </svg>
                <div class="name">revision</div>
                <div class="code-name">#iconrevision</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmove"></use>
                </svg>
                <div class="name">move</div>
                <div class="code-name">#iconmove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#iconmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrop"></use>
                </svg>
                <div class="name">crop</div>
                <div class="code-name">#iconcrop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollapse"></use>
                </svg>
                <div class="name">collapse</div>
                <div class="code-name">#iconcollapse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvolume-mute"></use>
                </svg>
                <div class="name">volume-mute</div>
                <div class="code-name">#iconvolume-mute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontrash"></use>
                </svg>
                <div class="name">trash</div>
                <div class="code-name">#icontrash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvolume"></use>
                </svg>
                <div class="name">volume</div>
                <div class="code-name">#iconvolume</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvolume-low"></use>
                </svg>
                <div class="name">volume-low</div>
                <div class="code-name">#iconvolume-low</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvolume-full"></use>
                </svg>
                <div class="name">volume-full</div>
                <div class="code-name">#iconvolume-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#iconsearch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontarget-lock"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icontarget-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbullseye"></use>
                </svg>
                <div class="name">bullseye</div>
                <div class="code-name">#iconbullseye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontoggle"></use>
                </svg>
                <div class="name">路况</div>
                <div class="code-name">#icontoggle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhide"></use>
                </svg>
                <div class="name">hide</div>
                <div class="code-name">#iconhide</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayer"></use>
                </svg>
                <div class="name">layer</div>
                <div class="code-name">#iconlayer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrosshair"></use>
                </svg>
                <div class="name">crosshair</div>
                <div class="code-name">#iconcrosshair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcrop-copy"></use>
                </svg>
                <div class="name">crop</div>
                <div class="code-name">#iconcrop-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscreenshot-copy"></use>
                </svg>
                <div class="name">screenshot</div>
                <div class="code-name">#iconscreenshot-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfullscreen"></use>
                </svg>
                <div class="name">fullscreen</div>
                <div class="code-name">#iconfullscreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag1"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#icondrag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcorrect"></use>
                </svg>
                <div class="name">correct</div>
                <div class="code-name">#iconcorrect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag-fill1"></use>
                </svg>
                <div class="name">flag-fill</div>
                <div class="code-name">#iconflag-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag1"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#iconflag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar"></use>
                </svg>
                <div class="name">star</div>
                <div class="code-name">#iconstar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar-fill"></use>
                </svg>
                <div class="name">star-fill</div>
                <div class="code-name">#iconstar-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconback"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#iconback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconforword"></use>
                </svg>
                <div class="name">forword</div>
                <div class="code-name">#iconforword</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder1"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#iconfolder1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo-fill"></use>
                </svg>
                <div class="name">video-fill</div>
                <div class="code-name">#iconvideo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-fill1"></use>
                </svg>
                <div class="name">folder-fill</div>
                <div class="code-name">#iconfolder-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzip-fill"></use>
                </svg>
                <div class="name">zip-fill</div>
                <div class="code-name">#iconzip-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzip"></use>
                </svg>
                <div class="name">zip</div>
                <div class="code-name">#iconzip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvideo"></use>
                </svg>
                <div class="name">video</div>
                <div class="code-name">#iconvideo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage"></use>
                </svg>
                <div class="name">image</div>
                <div class="code-name">#iconimage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimage-fill"></use>
                </svg>
                <div class="name">image-fill</div>
                <div class="code-name">#iconimage-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondocument"></use>
                </svg>
                <div class="name">document</div>
                <div class="code-name">#icondocument</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondocument-fill"></use>
                </svg>
                <div class="name">document-fill</div>
                <div class="code-name">#icondocument-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthumbup"></use>
                </svg>
                <div class="name">thumbup</div>
                <div class="code-name">#iconthumbup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthumbup-fill"></use>
                </svg>
                <div class="name">thumbup-fill</div>
                <div class="code-name">#iconthumbup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthumbdown"></use>
                </svg>
                <div class="name">thumbdown</div>
                <div class="code-name">#iconthumbdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconthumbdown-fill"></use>
                </svg>
                <div class="name">thumbdown-fill</div>
                <div class="code-name">#iconthumbdown-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconboring-fill"></use>
                </svg>
                <div class="name">boring-fill</div>
                <div class="code-name">#iconboring-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconboring"></use>
                </svg>
                <div class="name">boring</div>
                <div class="code-name">#iconboring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsad-fill"></use>
                </svg>
                <div class="name">sad-fill</div>
                <div class="code-name">#iconsad-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmail-fill"></use>
                </svg>
                <div class="name">smail-fill</div>
                <div class="code-name">#iconsmail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmail"></use>
                </svg>
                <div class="name">smail</div>
                <div class="code-name">#iconsmail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsad"></use>
                </svg>
                <div class="name">sad</div>
                <div class="code-name">#iconsad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwrite-fill"></use>
                </svg>
                <div class="name">write-fill</div>
                <div class="code-name">#iconwrite-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwrite"></use>
                </svg>
                <div class="name">write</div>
                <div class="code-name">#iconwrite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontask-fill"></use>
                </svg>
                <div class="name">task-fill</div>
                <div class="code-name">#icontask-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrefresh"></use>
                </svg>
                <div class="name">refresh</div>
                <div class="code-name">#iconrefresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontask"></use>
                </svg>
                <div class="name">task</div>
                <div class="code-name">#icontask</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmoon-fill"></use>
                </svg>
                <div class="name">moon-fill</div>
                <div class="code-name">#iconmoon-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsun-fill"></use>
                </svg>
                <div class="name">sun-fill</div>
                <div class="code-name">#iconsun-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmoon"></use>
                </svg>
                <div class="name">moon</div>
                <div class="code-name">#iconmoon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsun"></use>
                </svg>
                <div class="name">sun</div>
                <div class="code-name">#iconsun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-fill1"></use>
                </svg>
                <div class="name">user-fill</div>
                <div class="code-name">#iconuser-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#iconuser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondown"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#icondown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconup"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#iconup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#icondrag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconellipsis-vertical"></use>
                </svg>
                <div class="name">ellipsis-v</div>
                <div class="code-name">#iconellipsis-vertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongallery-view"></use>
                </svg>
                <div class="name">gallery-view</div>
                <div class="code-name">#icongallery-view</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconWIFI"></use>
                </svg>
                <div class="name">WIFI</div>
                <div class="code-name">#iconWIFI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbug-report"></use>
                </svg>
                <div class="name">bug-report</div>
                <div class="code-name">#iconbug-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#iconqrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#iconscan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcut1"></use>
                </svg>
                <div class="name">cut</div>
                <div class="code-name">#iconcut1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#icongift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlink"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#iconlink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpoweroff"></use>
                </svg>
                <div class="name">poweroff</div>
                <div class="code-name">#iconpoweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkey"></use>
                </svg>
                <div class="name">key</div>
                <div class="code-name">#iconkey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafety-certificate"></use>
                </svg>
                <div class="name">safety-certificate</div>
                <div class="code-name">#iconsafety-certificate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsupervise"></use>
                </svg>
                <div class="name">supervise</div>
                <div class="code-name">#iconsupervise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag-subscipt"></use>
                </svg>
                <div class="name">tag-subscipt</div>
                <div class="code-name">#icontag-subscipt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-pie-alt"></use>
                </svg>
                <div class="name">chart-pie-alt</div>
                <div class="code-name">#iconchart-pie-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-relation"></use>
                </svg>
                <div class="name">chart-relation</div>
                <div class="code-name">#iconchart-relation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-scatter-plot"></use>
                </svg>
                <div class="name">chart-scatter-plot</div>
                <div class="code-name">#iconchart-scatter-plot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-area"></use>
                </svg>
                <div class="name">chart-area</div>
                <div class="code-name">#iconchart-area</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-line"></use>
                </svg>
                <div class="name">chart-line</div>
                <div class="code-name">#iconchart-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-bar"></use>
                </svg>
                <div class="name">chart-bar</div>
                <div class="code-name">#iconchart-bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-code"></use>
                </svg>
                <div class="name">display-code</div>
                <div class="code-name">#icondisplay-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-arrow-right"></use>
                </svg>
                <div class="name">display-arrow-right</div>
                <div class="code-name">#icondisplay-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-arrow-left"></use>
                </svg>
                <div class="name">display-arrow-left</div>
                <div class="code-name">#icondisplay-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop-error"></use>
                </svg>
                <div class="name">laptop-error</div>
                <div class="code-name">#iconlaptop-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop-check"></use>
                </svg>
                <div class="name">laptop-check</div>
                <div class="code-name">#iconlaptop-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#iconlaptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-error"></use>
                </svg>
                <div class="name">mobile-error</div>
                <div class="code-name">#iconmobile-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-check"></use>
                </svg>
                <div class="name">mobile-check</div>
                <div class="code-name">#iconmobile-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-alt"></use>
                </svg>
                <div class="name">mobile-alt</div>
                <div class="code-name">#iconmobile-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnail"></use>
                </svg>
                <div class="name">nail</div>
                <div class="code-name">#iconnail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnail-fixed"></use>
                </svg>
                <div class="name">nail-fixed</div>
                <div class="code-name">#iconnail-fixed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondollar"></use>
                </svg>
                <div class="name">dollar</div>
                <div class="code-name">#icondollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontransanction"></use>
                </svg>
                <div class="name">transanction</div>
                <div class="code-name">#icontransanction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter-fill"></use>
                </svg>
                <div class="name">filter-fill</div>
                <div class="code-name">#iconfilter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall-fill"></use>
                </svg>
                <div class="name">all-fill</div>
                <div class="code-name">#iconall-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabaseplus-fill"></use>
                </svg>
                <div class="name">database plus-fill</div>
                <div class="code-name">#icondatabaseplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-fill"></use>
                </svg>
                <div class="name">database-fill</div>
                <div class="code-name">#icondatabase-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcommentlines-fill"></use>
                </svg>
                <div class="name">comment lines-fill</div>
                <div class="code-name">#iconcommentlines-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcommentdots-fill"></use>
                </svg>
                <div class="name">comment dots-fill</div>
                <div class="code-name">#iconcommentdots-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaperplane-fill"></use>
                </svg>
                <div class="name">paper plane-fill</div>
                <div class="code-name">#iconpaperplane-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeyeslash-fill"></use>
                </svg>
                <div class="name">eye slash-fill</div>
                <div class="code-name">#iconeyeslash-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-fill"></use>
                </svg>
                <div class="name">eye-fill</div>
                <div class="code-name">#iconeye-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlightbulb-fill"></use>
                </svg>
                <div class="name">lightbulb-fill</div>
                <div class="code-name">#iconlightbulb-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag-fill"></use>
                </svg>
                <div class="name">flag-fill</div>
                <div class="code-name">#iconflag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag-fill"></use>
                </svg>
                <div class="name">tag-fill</div>
                <div class="code-name">#icontag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconposition-fill"></use>
                </svg>
                <div class="name">position-fill</div>
                <div class="code-name">#iconposition-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation-fill"></use>
                </svg>
                <div class="name">location-fill</div>
                <div class="code-name">#iconlocation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap-fill"></use>
                </svg>
                <div class="name">map-fill</div>
                <div class="code-name">#iconmap-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinboxin-fill"></use>
                </svg>
                <div class="name">inbox in-fill</div>
                <div class="code-name">#iconinboxin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbox-fill"></use>
                </svg>
                <div class="name">box-fill</div>
                <div class="code-name">#iconbox-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabaseset-fill"></use>
                </svg>
                <div class="name">database set-fill</div>
                <div class="code-name">#icondatabaseset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayergroup-fill"></use>
                </svg>
                <div class="name">layer group-fill</div>
                <div class="code-name">#iconlayergroup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcry-fill"></use>
                </svg>
                <div class="name">cry-fill</div>
                <div class="code-name">#iconcry-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile-fill"></use>
                </svg>
                <div class="name">smile-fill</div>
                <div class="code-name">#iconsmile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock-fill"></use>
                </svg>
                <div class="name">unlock-fill</div>
                <div class="code-name">#iconunlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock-fill"></use>
                </svg>
                <div class="name">lock-fill</div>
                <div class="code-name">#iconlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalignright-fill"></use>
                </svg>
                <div class="name">align right-fill</div>
                <div class="code-name">#iconalignright-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalignleft-fill"></use>
                </svg>
                <div class="name">align left-fill</div>
                <div class="code-name">#iconalignleft-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborderbottom-fill"></use>
                </svg>
                <div class="name">border bottom-fill</div>
                <div class="code-name">#iconborderbottom-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbordertop-fill"></use>
                </svg>
                <div class="name">border top-fill</div>
                <div class="code-name">#iconbordertop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaligncenter-fill"></use>
                </svg>
                <div class="name">align center-fill</div>
                <div class="code-name">#iconaligncenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborderverticle-fill"></use>
                </svg>
                <div class="name">border verticle-fill</div>
                <div class="code-name">#iconborderverticle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpiccenter-fill"></use>
                </svg>
                <div class="name">pic center-fill</div>
                <div class="code-name">#iconpiccenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicside-fill"></use>
                </svg>
                <div class="name">pic side-fill</div>
                <div class="code-name">#iconpicside-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolderopen-fill"></use>
                </svg>
                <div class="name">folder open-fill</div>
                <div class="code-name">#iconfolderopen-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolderplus-fill"></use>
                </svg>
                <div class="name">folder plus-fill</div>
                <div class="code-name">#iconfolderplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-fill"></use>
                </svg>
                <div class="name">folder-fill</div>
                <div class="code-name">#iconfolder-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-SQL"></use>
                </svg>
                <div class="name">file-SQL</div>
                <div class="code-name">#iconfile-SQL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfileplus-fill"></use>
                </svg>
                <div class="name">file plus-fill</div>
                <div class="code-name">#iconfileplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-fill"></use>
                </svg>
                <div class="name">file-fill</div>
                <div class="code-name">#iconfile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy-fill"></use>
                </svg>
                <div class="name">copy-fill</div>
                <div class="code-name">#iconcopy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheadset-fill"></use>
                </svg>
                <div class="name">headset-fill</div>
                <div class="code-name">#iconheadset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-fill"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#iconphone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpausecircle-fill"></use>
                </svg>
                <div class="name">pause circle-fill</div>
                <div class="code-name">#iconpausecircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstopcircle-fill"></use>
                </svg>
                <div class="name">stop circle-fill</div>
                <div class="code-name">#iconstopcircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplaycircle-fill"></use>
                </svg>
                <div class="name">play circle-fill</div>
                <div class="code-name">#iconplaycircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete-fill"></use>
                </svg>
                <div class="name">delete-fill</div>
                <div class="code-name">#icondelete-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicture-fill"></use>
                </svg>
                <div class="name">picture-fill</div>
                <div class="code-name">#iconpicture-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail-fill"></use>
                </svg>
                <div class="name">mail-fill</div>
                <div class="code-name">#iconmail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheart-fill"></use>
                </svg>
                <div class="name">heart-fill</div>
                <div class="code-name">#iconheart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection-fill"></use>
                </svg>
                <div class="name">collection-fill</div>
                <div class="code-name">#iconcollection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-group-fill"></use>
                </svg>
                <div class="name">user-group-fill</div>
                <div class="code-name">#iconuser-group-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuserplus-fill"></use>
                </svg>
                <div class="name">user plus-fill</div>
                <div class="code-name">#iconuserplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-fill"></use>
                </svg>
                <div class="name">user-fill</div>
                <div class="code-name">#iconuser-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcog-fill"></use>
                </svg>
                <div class="name">cog-fill</div>
                <div class="code-name">#iconcog-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock-fill"></use>
                </svg>
                <div class="name">clock-fill</div>
                <div class="code-name">#iconclock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendaralt-fill"></use>
                </svg>
                <div class="name">calendar alt-fill</div>
                <div class="code-name">#iconcalendaralt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclouddownload-fill"></use>
                </svg>
                <div class="name">cloud download-fill</div>
                <div class="code-name">#iconclouddownload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloudupload-fill"></use>
                </svg>
                <div class="name">cloud upload-fill</div>
                <div class="code-name">#iconcloudupload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexchange-fill"></use>
                </svg>
                <div class="name">exchange-fill</div>
                <div class="code-name">#iconexchange-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle-fill"></use>
                </svg>
                <div class="name">info-circle-fill</div>
                <div class="code-name">#iconinfo-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle-fill"></use>
                </svg>
                <div class="name">question-circle-fill</div>
                <div class="code-name">#iconquestion-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexclamationcircle-f"></use>
                </svg>
                <div class="name">exclamation circle-f</div>
                <div class="code-name">#iconexclamationcircle-f</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle-fill"></use>
                </svg>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">#iconminus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle-fill"></use>
                </svg>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">#iconplus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes-circle-fill"></use>
                </svg>
                <div class="name">times-circle-fill</div>
                <div class="code-name">#icontimes-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-circle-fill"></use>
                </svg>
                <div class="name">check-circle-fill</div>
                <div class="code-name">#iconcheck-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompressalt-fill"></use>
                </svg>
                <div class="name">compress alt-fill</div>
                <div class="code-name">#iconcompressalt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexpandalt-fill"></use>
                </svg>
                <div class="name">expand alt-fill</div>
                <div class="code-name">#iconexpandalt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#iconfilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall"></use>
                </svg>
                <div class="name">all</div>
                <div class="code-name">#iconall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-plus"></use>
                </svg>
                <div class="name">database-plus</div>
                <div class="code-name">#icondatabase-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase"></use>
                </svg>
                <div class="name">database</div>
                <div class="code-name">#icondatabase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomment-lines"></use>
                </svg>
                <div class="name">comment-lines</div>
                <div class="code-name">#iconcomment-lines</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomment-dots"></use>
                </svg>
                <div class="name">comment-dots</div>
                <div class="code-name">#iconcomment-dots</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaper-plane"></use>
                </svg>
                <div class="name">paper-plane</div>
                <div class="code-name">#iconpaper-plane</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-slash"></use>
                </svg>
                <div class="name">eye-slash</div>
                <div class="code-name">#iconeye-slash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye1"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#iconeye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlightbulb"></use>
                </svg>
                <div class="name">lightbulb</div>
                <div class="code-name">#iconlightbulb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#iconflag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#icontag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconposition"></use>
                </svg>
                <div class="name">position</div>
                <div class="code-name">#iconposition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#iconlocation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap1"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#iconmap1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinbox-in"></use>
                </svg>
                <div class="name">inbox-in</div>
                <div class="code-name">#iconinbox-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbox"></use>
                </svg>
                <div class="name">box</div>
                <div class="code-name">#iconbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-set"></use>
                </svg>
                <div class="name">database-set</div>
                <div class="code-name">#icondatabase-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayer-group"></use>
                </svg>
                <div class="name">layer-group</div>
                <div class="code-name">#iconlayer-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-cry"></use>
                </svg>
                <div class="name">wind-cry</div>
                <div class="code-name">#iconwind-cry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-smile"></use>
                </svg>
                <div class="name">wind-smile</div>
                <div class="code-name">#iconwind-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#iconunlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#iconlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-right"></use>
                </svg>
                <div class="name">align-right</div>
                <div class="code-name">#iconalign-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-left"></use>
                </svg>
                <div class="name">align-left</div>
                <div class="code-name">#iconalign-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-bottom"></use>
                </svg>
                <div class="name">border-bottom</div>
                <div class="code-name">#iconborder-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-top"></use>
                </svg>
                <div class="name">border-top</div>
                <div class="code-name">#iconborder-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-center"></use>
                </svg>
                <div class="name">align-center</div>
                <div class="code-name">#iconalign-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-verticle"></use>
                </svg>
                <div class="name">border-verticle</div>
                <div class="code-name">#iconborder-verticle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-center"></use>
                </svg>
                <div class="name">pic-center</div>
                <div class="code-name">#iconpic-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-side"></use>
                </svg>
                <div class="name">pic-side</div>
                <div class="code-name">#iconpic-side</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-open"></use>
                </svg>
                <div class="name">folder-open</div>
                <div class="code-name">#iconfolder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-plus"></use>
                </svg>
                <div class="name">folder-plus</div>
                <div class="code-name">#iconfolder-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#iconfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-SQL1"></use>
                </svg>
                <div class="name">file-SQL</div>
                <div class="code-name">#iconfile-SQL1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-plus"></use>
                </svg>
                <div class="name">file-plus</div>
                <div class="code-name">#iconfile-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#iconfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#iconcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheadset"></use>
                </svg>
                <div class="name">headset</div>
                <div class="code-name">#iconheadset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpausecircle"></use>
                </svg>
                <div class="name">pause circle</div>
                <div class="code-name">#iconpausecircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstopcircle"></use>
                </svg>
                <div class="name">stop circle</div>
                <div class="code-name">#iconstopcircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplaycircle"></use>
                </svg>
                <div class="name">play circle</div>
                <div class="code-name">#iconplaycircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icondelete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicture"></use>
                </svg>
                <div class="name">picture</div>
                <div class="code-name">#iconpicture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#iconmail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#iconlike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection"></use>
                </svg>
                <div class="name">collection</div>
                <div class="code-name">#iconcollection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-group"></use>
                </svg>
                <div class="name">user-group</div>
                <div class="code-name">#iconuser-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount-plus"></use>
                </svg>
                <div class="name">account-plus</div>
                <div class="code-name">#iconaccount-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#iconaccount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcog"></use>
                </svg>
                <div class="name">cog</div>
                <div class="code-name">#iconcog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#iconclock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-alt"></use>
                </svg>
                <div class="name">calendar-alt</div>
                <div class="code-name">#iconcalendar-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclouddownload"></use>
                </svg>
                <div class="name">cloud download</div>
                <div class="code-name">#iconclouddownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloudupload"></use>
                </svg>
                <div class="name">cloud upload</div>
                <div class="code-name">#iconcloudupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexchange"></use>
                </svg>
                <div class="name">exchange</div>
                <div class="code-name">#iconexchange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle"></use>
                </svg>
                <div class="name">info-circle</div>
                <div class="code-name">#iconinfo-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle"></use>
                </svg>
                <div class="name">question-circle</div>
                <div class="code-name">#iconquestion-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexclamation-circle"></use>
                </svg>
                <div class="name">exclamation-circle</div>
                <div class="code-name">#iconexclamation-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle"></use>
                </svg>
                <div class="name">minus-circle</div>
                <div class="code-name">#iconminus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle"></use>
                </svg>
                <div class="name">plus-circle</div>
                <div class="code-name">#iconplus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes-circle"></use>
                </svg>
                <div class="name">times-circle</div>
                <div class="code-name">#icontimes-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-circle"></use>
                </svg>
                <div class="name">check-circle</div>
                <div class="code-name">#iconcheck-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompress-alt"></use>
                </svg>
                <div class="name">compress-alt</div>
                <div class="code-name">#iconcompress-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexpand-alt"></use>
                </svg>
                <div class="name">expand-alt</div>
                <div class="code-name">#iconexpand-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconban"></use>
                </svg>
                <div class="name">ban</div>
                <div class="code-name">#iconban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus"></use>
                </svg>
                <div class="name">minus</div>
                <div class="code-name">#iconminus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#iconplus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes"></use>
                </svg>
                <div class="name">times</div>
                <div class="code-name">#icontimes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#iconcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch-minus"></use>
                </svg>
                <div class="name">search-minus</div>
                <div class="code-name">#iconsearch-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch-plus"></use>
                </svg>
                <div class="name">search-plus</div>
                <div class="code-name">#iconsearch-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch1"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#iconsearch1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreply1"></use>
                </svg>
                <div class="name">reply</div>
                <div class="code-name">#iconreply1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconundo"></use>
                </svg>
                <div class="name">undo</div>
                <div class="code-name">#iconundo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredo"></use>
                </svg>
                <div class="name">redo</div>
                <div class="code-name">#iconredo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexternal-link"></use>
                </svg>
                <div class="name">external-link</div>
                <div class="code-name">#iconexternal-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrows-alt"></use>
                </svg>
                <div class="name">arrows-alt</div>
                <div class="code-name">#iconarrows-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconindent"></use>
                </svg>
                <div class="name">indent</div>
                <div class="code-name">#iconindent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoutdent"></use>
                </svg>
                <div class="name">outdent</div>
                <div class="code-name">#iconoutdent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-line"></use>
                </svg>
                <div class="name">sort-line</div>
                <div class="code-name">#iconsort-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconswitch"></use>
                </svg>
                <div class="name">switch</div>
                <div class="code-name">#iconswitch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-descending"></use>
                </svg>
                <div class="name">wind-descending</div>
                <div class="code-name">#iconwind-descending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-ascending"></use>
                </svg>
                <div class="name">wind-ascending</div>
                <div class="code-name">#iconwind-ascending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconupload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#iconupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-to-bottom"></use>
                </svg>
                <div class="name">arrow-to-bottom</div>
                <div class="code-name">#iconarrow-to-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-to-top"></use>
                </svg>
                <div class="name">arrow-to-top</div>
                <div class="code-name">#iconarrow-to-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlong-arrow-down"></use>
                </svg>
                <div class="name">long-arrow-down</div>
                <div class="code-name">#iconlong-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlong-arrow-up"></use>
                </svg>
                <div class="name">long-arrow-up</div>
                <div class="code-name">#iconlong-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-right"></use>
                </svg>
                <div class="name">arrow-right</div>
                <div class="code-name">#iconarrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-left"></use>
                </svg>
                <div class="name">arrow-left</div>
                <div class="code-name">#iconarrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#iconsort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-down"></use>
                </svg>
                <div class="name">sort-down</div>
                <div class="code-name">#iconsort-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-up"></use>
                </svg>
                <div class="name">sort-up</div>
                <div class="code-name">#iconsort-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaret-right"></use>
                </svg>
                <div class="name">caret-right</div>
                <div class="code-name">#iconcaret-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaret-left"></use>
                </svg>
                <div class="name">caret-left</div>
                <div class="code-name">#iconcaret-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrows-v"></use>
                </svg>
                <div class="name">arrows-v</div>
                <div class="code-name">#iconarrows-v</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-down"></use>
                </svg>
                <div class="name">angle- double-down</div>
                <div class="code-name">#iconangle-double-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-up"></use>
                </svg>
                <div class="name">angle-double-up</div>
                <div class="code-name">#iconangle-double-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-right"></use>
                </svg>
                <div class="name">angle-double-right</div>
                <div class="code-name">#iconangle-double-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-left"></use>
                </svg>
                <div class="name">angle-double-left</div>
                <div class="code-name">#iconangle-double-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-down"></use>
                </svg>
                <div class="name">angle-down</div>
                <div class="code-name">#iconangle-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-up"></use>
                </svg>
                <div class="name">angle-up</div>
                <div class="code-name">#iconangle-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-right"></use>
                </svg>
                <div class="name">angle-right</div>
                <div class="code-name">#iconangle-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-left"></use>
                </svg>
                <div class="name">angle-left</div>
                <div class="code-name">#iconangle-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaperclip"></use>
                </svg>
                <div class="name">paperclip</div>
                <div class="code-name">#iconpaperclip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconnection"></use>
                </svg>
                <div class="name">connection</div>
                <div class="code-name">#iconconnection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontraining"></use>
                </svg>
                <div class="name">training</div>
                <div class="code-name">#icontraining</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprocess"></use>
                </svg>
                <div class="name">process</div>
                <div class="code-name">#iconprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnews"></use>
                </svg>
                <div class="name">news</div>
                <div class="code-name">#iconnews</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#iconsave</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprint"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#iconprint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnew-releases"></use>
                </svg>
                <div class="name">new-releases</div>
                <div class="code-name">#iconnew-releases</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrelease"></use>
                </svg>
                <div class="name">release</div>
                <div class="code-name">#iconrelease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalert"></use>
                </svg>
                <div class="name">alert</div>
                <div class="code-name">#iconalert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbackspace"></use>
                </svg>
                <div class="name">backspace</div>
                <div class="code-name">#iconbackspace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongem"></use>
                </svg>
                <div class="name">gem</div>
                <div class="code-name">#icongem</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral"></use>
                </svg>
                <div class="name">integral</div>
                <div class="code-name">#iconintegral</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar-circle"></use>
                </svg>
                <div class="name">star-circle</div>
                <div class="code-name">#iconstar-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-circle"></use>
                </svg>
                <div class="name">user-circle</div>
                <div class="code-name">#iconuser-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-machine-fill"></use>
                </svg>
                <div class="name">cloud-machine-fill</div>
                <div class="code-name">#iconcloud-machine-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-machine"></use>
                </svg>
                <div class="name">cloud-machine</div>
                <div class="code-name">#iconcloud-machine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconterminal-fill"></use>
                </svg>
                <div class="name">terminal-fill</div>
                <div class="code-name">#iconterminal-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconterminal"></use>
                </svg>
                <div class="name">terminal</div>
                <div class="code-name">#iconterminal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshopping-cart-fill"></use>
                </svg>
                <div class="name">shopping-cart-fill</div>
                <div class="code-name">#iconshopping-cart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunsee"></use>
                </svg>
                <div class="name">unsee</div>
                <div class="code-name">#iconunsee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsee"></use>
                </svg>
                <div class="name">see</div>
                <div class="code-name">#iconsee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsettings"></use>
                </svg>
                <div class="name">settings</div>
                <div class="code-name">#iconsettings</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsettings-fill"></use>
                </svg>
                <div class="name">settings-fill</div>
                <div class="code-name">#iconsettings-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconresource"></use>
                </svg>
                <div class="name">resource</div>
                <div class="code-name">#iconresource</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjianji"></use>
                </svg>
                <div class="name">剪辑</div>
                <div class="code-name">#iconjianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjuxing"></use>
                </svg>
                <div class="name">矩形</div>
                <div class="code-name">#iconjuxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuoyuanxing"></use>
                </svg>
                <div class="name">椭圆形</div>
                <div class="code-name">#icontuoyuanxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconPrinter"></use>
                </svg>
                <div class="name">Printer</div>
                <div class="code-name">#iconPrinter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjietu"></use>
                </svg>
                <div class="name">截图</div>
                <div class="code-name">#iconjietu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxuanzegongju"></use>
                </svg>
                <div class="name">选择工具</div>
                <div class="code-name">#iconxuanzegongju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxuanzegongju1"></use>
                </svg>
                <div class="name">选择工具</div>
                <div class="code-name">#iconxuanzegongju1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrank"></use>
                </svg>
                <div class="name">rank</div>
                <div class="code-name">#iconrank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsync-alt"></use>
                </svg>
                <div class="name">sync-alt</div>
                <div class="code-name">#iconsync-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompass"></use>
                </svg>
                <div class="name">compass</div>
                <div class="code-name">#iconcompass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-alt-from-top"></use>
                </svg>
                <div class="name">arrow-alt- from-top</div>
                <div class="code-name">#iconarrow-alt-from-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-alt-from-botto"></use>
                </svg>
                <div class="name">arrow-alt-from-botto</div>
                <div class="code-name">#iconarrow-alt-from-botto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmenu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#iconmenu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-drag"></use>
                </svg>
                <div class="name">icon-drag</div>
                <div class="code-name">#iconicon-drag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconearly-warning"></use>
                </svg>
                <div class="name">early-warning</div>
                <div class="code-name">#iconearly-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare1"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconziyuan"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#iconziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianxiren"></use>
                </svg>
                <div class="name">联系人</div>
                <div class="code-name">#iconlianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-jh"></use>
                </svg>
                <div class="name">文件-计划</div>
                <div class="code-name">#iconwj-jh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-djb"></use>
                </svg>
                <div class="name">文件-登记表</div>
                <div class="code-name">#iconwj-djb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-fswj"></use>
                </svg>
                <div class="name">文件-发送文件</div>
                <div class="code-name">#iconwj-fswj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwp-jsb"></use>
                </svg>
                <div class="name">物品-记事本</div>
                <div class="code-name">#iconwp-jsb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-rz"></use>
                </svg>
                <div class="name">文件-日志</div>
                <div class="code-name">#iconwj-rz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmc-wcqk"></use>
                </svg>
                <div class="name">名称-完成情况</div>
                <div class="code-name">#iconmc-wcqk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-shwj"></use>
                </svg>
                <div class="name">文件-收回文件</div>
                <div class="code-name">#iconwj-shwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-mc"></use>
                </svg>
                <div class="name">文件-名册</div>
                <div class="code-name">#iconwj-mc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-tj"></use>
                </svg>
                <div class="name">文件-统计</div>
                <div class="code-name">#iconwj-tj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-zl"></use>
                </svg>
                <div class="name">文件-资料</div>
                <div class="code-name">#iconwj-zl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-gxwj"></use>
                </svg>
                <div class="name">文件-共享文件</div>
                <div class="code-name">#iconwj-gxwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwp-sb"></use>
                </svg>
                <div class="name">物品-书笔</div>
                <div class="code-name">#iconwp-sb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-dad"></use>
                </svg>
                <div class="name">文件-档案袋</div>
                <div class="code-name">#iconwj-dad</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-shd"></use>
                </svg>
                <div class="name">文件-售后单</div>
                <div class="code-name">#iconwj-shd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-zs"></use>
                </svg>
                <div class="name">文件-证书</div>
                <div class="code-name">#iconwj-zs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-djjl"></use>
                </svg>
                <div class="name">文件-对接记录</div>
                <div class="code-name">#iconwj-djjl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-cj"></use>
                </svg>
                <div class="name">文件-成绩</div>
                <div class="code-name">#iconwj-cj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-flyz"></use>
                </svg>
                <div class="name">文件-法律援助</div>
                <div class="code-name">#iconwj-flyz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-zyzdj"></use>
                </svg>
                <div class="name">文件-志愿者登记</div>
                <div class="code-name">#iconwj-zyzdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-khb"></use>
                </svg>
                <div class="name">文件-考核表</div>
                <div class="code-name">#iconwj-khb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-bxd"></use>
                </svg>
                <div class="name">文件-保修单</div>
                <div class="code-name">#iconwj-bxd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-dy"></use>
                </svg>
                <div class="name">操作-打印</div>
                <div class="code-name">#iconcz-dy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-tjbb"></use>
                </svg>
                <div class="name">文件-统计报表</div>
                <div class="code-name">#iconwj-tjbb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-zypj"></use>
                </svg>
                <div class="name">文件-资源评价</div>
                <div class="code-name">#iconwj-zypj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-mxjl"></use>
                </svg>
                <div class="name">文件-明细记录</div>
                <div class="code-name">#iconwj-mxjl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-szsm"></use>
                </svg>
                <div class="name">文件-设置说明</div>
                <div class="code-name">#iconwj-szsm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjlb"></use>
                </svg>
                <div class="name">文件-文件类别</div>
                <div class="code-name">#iconwj-wjlb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-clzj"></use>
                </svg>
                <div class="name">文件-材料转接</div>
                <div class="code-name">#iconwj-clzj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-thwj"></use>
                </svg>
                <div class="name">文件-退回文件</div>
                <div class="code-name">#iconwj-thwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-cy"></use>
                </svg>
                <div class="name">文件-传阅</div>
                <div class="code-name">#iconwj-cy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-jlb"></use>
                </svg>
                <div class="name">文件-记录表</div>
                <div class="code-name">#iconwj-jlb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjtg"></use>
                </svg>
                <div class="name">文件-文件通过</div>
                <div class="code-name">#iconwj-wjtg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconWord"></use>
                </svg>
                <div class="name">Word</div>
                <div class="code-name">#iconWord</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjch"></use>
                </svg>
                <div class="name">文件-文件撤回</div>
                <div class="code-name">#iconwj-wjch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-czwj"></use>
                </svg>
                <div class="name">文件-文件查找</div>
                <div class="code-name">#iconwj-czwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-chwj"></use>
                </svg>
                <div class="name">文件-撤回文件</div>
                <div class="code-name">#iconwj-chwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-jjwj"></use>
                </svg>
                <div class="name">文件-紧急文件</div>
                <div class="code-name">#iconwj-jjwj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-ryxx"></use>
                </svg>
                <div class="name">文件-人员信息</div>
                <div class="code-name">#iconwj-ryxx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-fswj1"></use>
                </svg>
                <div class="name">文件-发送文件</div>
                <div class="code-name">#iconwj-fswj1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjsc"></use>
                </svg>
                <div class="name">文件-文件上传</div>
                <div class="code-name">#iconwj-wjsc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-zw"></use>
                </svg>
                <div class="name">文件-正文</div>
                <div class="code-name">#iconwj-zw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjxg"></use>
                </svg>
                <div class="name">文件-文件修改</div>
                <div class="code-name">#iconwj-wjxg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjxf"></use>
                </svg>
                <div class="name">文件-文件下发</div>
                <div class="code-name">#iconwj-wjxf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-bjb"></use>
                </svg>
                <div class="name">文件-笔记本</div>
                <div class="code-name">#iconwj-bjb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjj"></use>
                </svg>
                <div class="name">文件-文件夹</div>
                <div class="code-name">#iconwj-wjj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwj-wjlz"></use>
                </svg>
                <div class="name">文件-文件流转</div>
                <div class="code-name">#iconwj-wjlz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanagement-"></use>
                </svg>
                <div class="name">management</div>
                <div class="code-name">#iconmanagement-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccesskeys"></use>
                </svg>
                <div class="name">accesskeys</div>
                <div class="code-name">#iconaccesskeys</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuakuai-"></use>
                </svg>
                <div class="name">滑块-01</div>
                <div class="code-name">#iconhuakuai-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuolan-"></use>
                </svg>
                <div class="name">搜索栏-01</div>
                <div class="code-name">#iconsousuolan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhuadongkaiguan-"></use>
                </svg>
                <div class="name">滑动开关-01</div>
                <div class="code-name">#iconhuadongkaiguan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqianye-"></use>
                </svg>
                <div class="name">标签页-01</div>
                <div class="code-name">#iconbiaoqianye-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondanxuan-"></use>
                </svg>
                <div class="name">单选-01</div>
                <div class="code-name">#icondanxuan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconduoxuan-"></use>
                </svg>
                <div class="name">多选-01</div>
                <div class="code-name">#iconduoxuan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiang-"></use>
                </svg>
                <div class="name">分享-01</div>
                <div class="code-name">#iconfenxiang-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkuaijiejian-"></use>
                </svg>
                <div class="name">快捷键-01</div>
                <div class="code-name">#iconkuaijiejian-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyemian-"></use>
                </svg>
                <div class="name">页面-01</div>
                <div class="code-name">#iconyemian-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian-"></use>
                </svg>
                <div class="name">组件-01</div>
                <div class="code-name">#iconzujian-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmayun"></use>
                </svg>
                <div class="name">码云</div>
                <div class="code-name">#iconmayun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmayun1"></use>
                </svg>
                <div class="name">码云</div>
                <div class="code-name">#iconmayun1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo"></use>
                </svg>
                <div class="name">info</div>
                <div class="code-name">#iconinfo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-fill"></use>
                </svg>
                <div class="name">info-fill</div>
                <div class="code-name">#iconinfo-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay-fill"></use>
                </svg>
                <div class="name">play-fill</div>
                <div class="code-name">#iconplay-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplay"></use>
                </svg>
                <div class="name">play</div>
                <div class="code-name">#iconplay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconposition1"></use>
                </svg>
                <div class="name">position</div>
                <div class="code-name">#iconposition1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconraise"></use>
                </svg>
                <div class="name">raise</div>
                <div class="code-name">#iconraise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreduce"></use>
                </svg>
                <div class="name">reduce</div>
                <div class="code-name">#iconreduce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage-fill"></use>
                </svg>
                <div class="name">message-fill</div>
                <div class="code-name">#iconmessage-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcourse-fill"></use>
                </svg>
                <div class="name">course-fill</div>
                <div class="code-name">#iconcourse-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmessage"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#iconmessage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmodule-fill"></use>
                </svg>
                <div class="name">module-fill</div>
                <div class="code-name">#iconmodule-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcourse"></use>
                </svg>
                <div class="name">course</div>
                <div class="code-name">#iconcourse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmodule"></use>
                </svg>
                <div class="name">module</div>
                <div class="code-name">#iconmodule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconauth"></use>
                </svg>
                <div class="name">auth</div>
                <div class="code-name">#iconauth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell1"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#iconbell1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell-fill"></use>
                </svg>
                <div class="name">bell-fill</div>
                <div class="code-name">#iconbell-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch2"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#iconsearch2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconversation-fill"></use>
                </svg>
                <div class="name">conversation-fill</div>
                <div class="code-name">#iconconversation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconversation"></use>
                </svg>
                <div class="name">conversation</div>
                <div class="code-name">#iconconversation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconupload1"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#iconupload1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-fill"></use>
                </svg>
                <div class="name">question-fill</div>
                <div class="code-name">#iconquestion-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion"></use>
                </svg>
                <div class="name">question</div>
                <div class="code-name">#iconquestion</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontime"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icontime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontime-fill"></use>
                </svg>
                <div class="name">time-fill</div>
                <div class="code-name">#icontime-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmore"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#iconmore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianxidianhua"></use>
                </svg>
                <div class="name">联系电话</div>
                <div class="code-name">#iconlianxidianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlianxidianhua_xiantiao"></use>
                </svg>
                <div class="name">联系电话_线条</div>
                <div class="code-name">#iconlianxidianhua_xiantiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock1"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#iconlock1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock-fill1"></use>
                </svg>
                <div class="name">lock-fill</div>
                <div class="code-name">#iconlock-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhifubao1"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#iconzhifubao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#iconyonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit1"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-jiacu"></use>
                </svg>
                <div class="name">T-加粗</div>
                <div class="code-name">#iconT-jiacu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-fangda"></use>
                </svg>
                <div class="name">T-放大</div>
                <div class="code-name">#iconT-fangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-juyou"></use>
                </svg>
                <div class="name">T-居右</div>
                <div class="code-name">#iconT-juyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-juzuo"></use>
                </svg>
                <div class="name">T-居左</div>
                <div class="code-name">#iconT-juzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-pingjunfenbu"></use>
                </svg>
                <div class="name">T-平均分布</div>
                <div class="code-name">#iconT-pingjunfenbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-qingxie"></use>
                </svg>
                <div class="name">T-倾斜</div>
                <div class="code-name">#iconT-qingxie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-suofang"></use>
                </svg>
                <div class="name">T-缩放1</div>
                <div class="code-name">#iconT-suofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-juzhong"></use>
                </svg>
                <div class="name">T-居中</div>
                <div class="code-name">#iconT-juzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-suofang1"></use>
                </svg>
                <div class="name">T-缩放2</div>
                <div class="code-name">#iconT-suofang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-yanse"></use>
                </svg>
                <div class="name">T-颜色</div>
                <div class="code-name">#iconT-yanse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconT-xiahuaxian"></use>
                </svg>
                <div class="name">T-下划线</div>
                <div class="code-name">#iconT-xiahuaxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjiahao"></use>
                </svg>
                <div class="name">加号</div>
                <div class="code-name">#iconjiahao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconfuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshang"></use>
                </svg>
                <div class="name">上</div>
                <div class="code-name">#iconshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouzhan"></use>
                </svg>
                <div class="name">收展</div>
                <div class="code-name">#iconshouzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#iconshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuodong"></use>
                </svg>
                <div class="name">拖动1</div>
                <div class="code-name">#icontuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuodong1"></use>
                </svg>
                <div class="name">拖动3</div>
                <div class="code-name">#icontuodong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontuodong2"></use>
                </svg>
                <div class="name">拖动2</div>
                <div class="code-name">#icontuodong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyoukuozhan"></use>
                </svg>
                <div class="name">右扩展</div>
                <div class="code-name">#iconyoukuozhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxia"></use>
                </svg>
                <div class="name">下</div>
                <div class="code-name">#iconxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuokuozhan"></use>
                </svg>
                <div class="name">左扩展</div>
                <div class="code-name">#iconzuokuozhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyemian"></use>
                </svg>
                <div class="name">页面</div>
                <div class="code-name">#iconyemian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-fuxuankuang"></use>
                </svg>
                <div class="name">B-复选框</div>
                <div class="code-name">#iconB-fuxuankuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-bingzhuangtu"></use>
                </svg>
                <div class="name">B-饼状图</div>
                <div class="code-name">#iconB-bingzhuangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-lianxiren"></use>
                </svg>
                <div class="name">B-联系人</div>
                <div class="code-name">#iconB-lianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-pingfen"></use>
                </svg>
                <div class="name">B-评分</div>
                <div class="code-name">#iconB-pingfen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-qumiantu"></use>
                </svg>
                <div class="name">B-曲面图</div>
                <div class="code-name">#iconB-qumiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-liuyan"></use>
                </svg>
                <div class="name">B-留言</div>
                <div class="code-name">#iconB-liuyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-shijian"></use>
                </svg>
                <div class="name">B-时间</div>
                <div class="code-name">#iconB-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-xialaliebiao"></use>
                </svg>
                <div class="name">B-下拉列表</div>
                <div class="code-name">#iconB-xialaliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-zhexiantu"></use>
                </svg>
                <div class="name">B-折线图</div>
                <div class="code-name">#iconB-zhexiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-zhuzhuangtu"></use>
                </svg>
                <div class="name">B-柱状图</div>
                <div class="code-name">#iconB-zhuzhuangtu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-shurukuang"></use>
                </svg>
                <div class="name">B-输入框</div>
                <div class="code-name">#iconB-shurukuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZ-dibudaohang"></use>
                </svg>
                <div class="name">Z-底部导航</div>
                <div class="code-name">#iconZ-dibudaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZ-fenleidaohang"></use>
                </svg>
                <div class="name">Z-分类导航</div>
                <div class="code-name">#iconZ-fenleidaohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZ-zuoyouhuadong"></use>
                </svg>
                <div class="name">Z-左右滑动</div>
                <div class="code-name">#iconZ-zuoyouhuadong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZ-huandengpian"></use>
                </svg>
                <div class="name">Z-幻灯片</div>
                <div class="code-name">#iconZ-huandengpian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconZ-daojishi"></use>
                </svg>
                <div class="name">Z-倒计时</div>
                <div class="code-name">#iconZ-daojishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#iconbiaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbiaodan"></use>
                </svg>
                <div class="name">表单</div>
                <div class="code-name">#iconbiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#iconfanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconB-shengshiqu"></use>
                </svg>
                <div class="name">B-省市区</div>
                <div class="code-name">#iconB-shengshiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#iconfenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfangda"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#iconfangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmoban"></use>
                </svg>
                <div class="name">模版</div>
                <div class="code-name">#iconmoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyulan"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#iconyulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#iconxitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzujian"></use>
                </svg>
                <div class="name">组件</div>
                <div class="code-name">#iconzujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenzhan"></use>
                </svg>
                <div class="name">伸展</div>
                <div class="code-name">#iconshenzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconditu"></use>
                </svg>
                <div class="name">Z-地图</div>
                <div class="code-name">#iconditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenzi"></use>
                </svg>
                <div class="name">文字</div>
                <div class="code-name">#iconwenzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#iconbangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconimport"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#iconimport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconExport"></use>
                </svg>
                <div class="name">Export</div>
                <div class="code-name">#iconExport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload1"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlist"></use>
                </svg>
                <div class="name">list</div>
                <div class="code-name">#iconlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqq"></use>
                </svg>
                <div class="name">qq</div>
                <div class="code-name">#iconqq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconloading1"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#iconloading1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconboy"></use>
                </svg>
                <div class="name">boy</div>
                <div class="code-name">#iconboy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwrong"></use>
                </svg>
                <div class="name">wrong</div>
                <div class="code-name">#iconwrong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus1"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#iconplus1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongirl"></use>
                </svg>
                <div class="name">girl</div>
                <div class="code-name">#icongirl</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-sortdown-smal"></use>
                </svg>
                <div class="name">arrow-sort down-small</div>
                <div class="code-name">#iconarrow-sortdown-smal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square-fill"></use>
                </svg>
                <div class="name">minus-square-fill</div>
                <div class="code-name">#iconminus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square-fill"></use>
                </svg>
                <div class="name">plus-square-fill</div>
                <div class="code-name">#iconplus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square"></use>
                </svg>
                <div class="name">minus-square</div>
                <div class="code-name">#iconminus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square"></use>
                </svg>
                <div class="name">plus-square</div>
                <div class="code-name">#iconplus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome-fill"></use>
                </svg>
                <div class="name">home-fill</div>
                <div class="code-name">#iconhome-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome1"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconhome1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreturn"></use>
                </svg>
                <div class="name">return</div>
                <div class="code-name">#iconreturn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconRectangleCopy"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#iconRectangleCopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning-fill"></use>
                </svg>
                <div class="name">warning-fill</div>
                <div class="code-name">#iconwarning-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwarning"></use>
                </svg>
                <div class="name">warning</div>
                <div class="code-name">#iconwarning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstepmode"></use>
                </svg>
                <div class="name">step mode</div>
                <div class="code-name">#iconstepmode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscrollingmode"></use>
                </svg>
                <div class="name">scrolling mode</div>
                <div class="code-name">#iconscrollingmode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisable"></use>
                </svg>
                <div class="name">disable</div>
                <div class="code-name">#icondisable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-tjcx"></use>
                </svg>
                <div class="name">操作-统计查询</div>
                <div class="code-name">#iconcz-tjcx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-jcdj"></use>
                </svg>
                <div class="name">操作-检查登记</div>
                <div class="code-name">#iconcz-jcdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-ldpg"></use>
                </svg>
                <div class="name">操作-劳动评估</div>
                <div class="code-name">#iconcz-ldpg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-sfdj"></use>
                </svg>
                <div class="name">操作-收发登记</div>
                <div class="code-name">#iconcz-sfdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-tjhz"></use>
                </svg>
                <div class="name">操作-统计汇总</div>
                <div class="code-name">#iconcz-tjhz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-yccb"></use>
                </svg>
                <div class="name">操作-异常呈报</div>
                <div class="code-name">#iconcz-yccb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-gzzd"></use>
                </svg>
                <div class="name">操作-规章制度</div>
                <div class="code-name">#iconcz-gzzd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmenu1"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#iconmenu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike1"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#iconlike1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike-fill"></use>
                </svg>
                <div class="name">like-fill</div>
                <div class="code-name">#iconlike-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-swdj"></use>
                </svg>
                <div class="name">操作-三违登记</div>
                <div class="code-name">#iconcz-swdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcz-jhsq"></use>
                </svg>
                <div class="name">操作-寄回申请</div>
                <div class="code-name">#iconcz-jhsq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconopen"></use>
                </svg>
                <div class="name">open</div>
                <div class="code-name">#iconopen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmc-dasz"></use>
                </svg>
                <div class="name">名称-档案设置</div>
                <div class="code-name">#iconmc-dasz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmc-xzjs"></use>
                </svg>
                <div class="name">名称-细则检索</div>
                <div class="code-name">#iconmc-xzjs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmc-xzsz"></use>
                </svg>
                <div class="name">名称-细则设置</div>
                <div class="code-name">#iconmc-xzsz</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoppingcart"></use>
                </svg>
                <div class="name">shopping cart</div>
                <div class="code-name">#iconshoppingcart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwaiting-fill"></use>
                </svg>
                <div class="name">waiting-fill</div>
                <div class="code-name">#iconwaiting-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwaiting"></use>
                </svg>
                <div class="name">waiting</div>
                <div class="code-name">#iconwaiting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-arrow-rect"></use>
                </svg>
                <div class="name">right-arrow-rect</div>
                <div class="code-name">#iconright-arrow-rect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-arrow-rect"></use>
                </svg>
                <div class="name">left-arrow-rect</div>
                <div class="code-name">#iconleft-arrow-rect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzhuye"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#iconzhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyulan1"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#iconyulan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#iconbell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayin1"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icondayin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin"></use>
                </svg>
                <div class="name">coin</div>
                <div class="code-name">#iconcoin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-fill"></use>
                </svg>
                <div class="name">coin-fill</div>
                <div class="code-name">#iconcoin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstructured-data"></use>
                </svg>
                <div class="name">structured data</div>
                <div class="code-name">#iconstructured-data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvector"></use>
                </svg>
                <div class="name">vector</div>
                <div class="code-name">#iconvector</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconppt"></use>
                </svg>
                <div class="name">ppt</div>
                <div class="code-name">#iconppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNEW-copy"></use>
                </svg>
                <div class="name">NEW</div>
                <div class="code-name">#iconNEW-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconHOT-copy"></use>
                </svg>
                <div class="name">HOT</div>
                <div class="code-name">#iconHOT-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconhome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbonus"></use>
                </svg>
                <div class="name">bonus</div>
                <div class="code-name">#iconbonus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail1"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#iconmail1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbonus-fill"></use>
                </svg>
                <div class="name">bonus-fill</div>
                <div class="code-name">#iconbonus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail-fill1"></use>
                </svg>
                <div class="name">mail-fill</div>
                <div class="code-name">#iconmail-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmonitoring"></use>
                </svg>
                <div class="name">monitoring</div>
                <div class="code-name">#iconmonitoring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiagnose"></use>
                </svg>
                <div class="name">diagnose</div>
                <div class="code-name">#icondiagnose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone1"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-fill1"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#iconphone-fill1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzoom-in1"></use>
                </svg>
                <div class="name">zoom-in</div>
                <div class="code-name">#iconzoom-in1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzoom-out1"></use>
                </svg>
                <div class="name">zoom-out</div>
                <div class="code-name">#iconzoom-out1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrobot-fill"></use>
                </svg>
                <div class="name">robot-fill</div>
                <div class="code-name">#iconrobot-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrobot"></use>
                </svg>
                <div class="name">robot</div>
                <div class="code-name">#iconrobot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayin"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icondayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#iconbianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayinshouhuodan"></use>
                </svg>
                <div class="name">打印收货单</div>
                <div class="code-name">#icondayinshouhuodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondayinjiesuandan"></use>
                </svg>
                <div class="name">打印结算单</div>
                <div class="code-name">#icondayinjiesuandan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icondaochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenjiandan"></use>
                </svg>
                <div class="name">分拣单</div>
                <div class="code-name">#iconfenjiandan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfuzhi1"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#iconfuzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqingjujue"></use>
                </svg>
                <div class="name">申请拒绝</div>
                <div class="code-name">#iconshenqingjujue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshenqingtongguo"></use>
                </svg>
                <div class="name">申请通过</div>
                <div class="code-name">#iconshenqingtongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchakanxiangqing"></use>
                </svg>
                <div class="name">查看详情</div>
                <div class="code-name">#iconchakanxiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#iconwancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchehui"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#iconchehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbangzhu1"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#iconbangzhu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyonghu1"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#iconyonghu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexcel"></use>
                </svg>
                <div class="name">excel</div>
                <div class="code-name">#iconexcel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxinzeng"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#iconxinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconloading"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#iconloading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzengjiaxinzeng"></use>
                </svg>
                <div class="name">增加 新增</div>
                <div class="code-name">#iconzengjiaxinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_add-database"></use>
                </svg>
                <div class="name">sharpicons_add-database</div>
                <div class="code-name">#iconsharpicons_add-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_database-center"></use>
                </svg>
                <div class="name">sharpicons_database-center</div>
                <div class="code-name">#iconsharpicons_database-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_delete-database"></use>
                </svg>
                <div class="name">sharpicons_delete-database</div>
                <div class="code-name">#iconsharpicons_delete-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_database-confrim"></use>
                </svg>
                <div class="name">sharpicons_database-confrim</div>
                <div class="code-name">#iconsharpicons_database-confrim</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_lock-database"></use>
                </svg>
                <div class="name">sharpicons_lock-database</div>
                <div class="code-name">#iconsharpicons_lock-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsharpicons_safe-database"></use>
                </svg>
                <div class="name">sharpicons_safe-database</div>
                <div class="code-name">#iconsharpicons_safe-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDirectory-tree"></use>
                </svg>
                <div class="name">Directory tree</div>
                <div class="code-name">#iconDirectory-tree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjine1"></use>
                </svg>
                <div class="name">金额</div>
                <div class="code-name">#iconjine1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapplication"></use>
                </svg>
                <div class="name">application</div>
                <div class="code-name">#iconapplication</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapplicationgroup"></use>
                </svg>
                <div class="name">application  group</div>
                <div class="code-name">#iconapplicationgroup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondizhiguanli"></use>
                </svg>
                <div class="name">地址管理</div>
                <div class="code-name">#icondizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhandycontrol"></use>
                </svg>
                <div class="name">handycontrol</div>
                <div class="code-name">#iconhandycontrol</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhandycontrol1"></use>
                </svg>
                <div class="name">handycontrol,hc</div>
                <div class="code-name">#iconhandycontrol1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeveloper_tools"></use>
                </svg>
                <div class="name">developer_tools,developer tools</div>
                <div class="code-name">#icondeveloper_tools</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondeveloper_tools1"></use>
                </svg>
                <div class="name">developer_tools</div>
                <div class="code-name">#icondeveloper_tools1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
